홈
레벨 7: Grid 기초
이전
다음
지시사항
`grid`와 `grid-cols-2`를 사용하여 컨테이너를 2열 그리드로 만드세요.
목표:
CSS Grid를 사용하여 2열 레이아웃을 만들어봅시다.
HTML 에디터
정답 확인
<div class="gap-4"> <div class="bg-red-200 p-4">1열</div> <div class="bg-blue-200 p-4">2열</div> <div class="bg-green-200 p-4">3열</div> <div class="bg-yellow-200 p-4">4열</div> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과