홈
레벨 58: 반응형 레이아웃
이전
다음
지시사항
모바일에서는 1열(`grid-cols-1`), md 이상에서는 3열(`md:grid-cols-3`)이 되도록 하세요.
목표:
화면 크기에 따라 그리드 컬럼 수를 변경해봅시다.
HTML 에디터
정답 확인
<div class="grid gap-4"> <div class="bg-gray-200 p-4">1</div> <div class="bg-gray-200 p-4">2</div> <div class="bg-gray-200 p-4">3</div> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과