홈
레벨 47: Grid 콘텐츠 배치 (Place Content)
이전
다음
지시사항
`place-content-center`를 사용하여 Grid 전체를 화면 중앙에 놓으세요.
목표:
Grid 전체 콘텐츠를 컨테이너 내에서 정렬해봅시다.
HTML 에디터
정답 확인
<div class="grid grid-cols-2 gap-4 h-64 bg-gray-100"> <div class="bg-red-200 p-4">1</div> <div class="bg-red-200 p-4">2</div> <div class="bg-red-200 p-4">3</div> <div class="bg-red-200 p-4">4</div> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과