홈
레벨 32: Flex 줄바꿈 (Wrap)
이전
다음
지시사항
`flex-wrap`을 사용하여 아이템들이 넘칠 때 다음 줄로 넘어가게 하세요.
목표:
Flex 아이템들이 한 줄을 넘어갈 때 줄바꿈되도록 해봅시다.
HTML 에디터
정답 확인
<div class="flex w-64 bg-gray-100"> <div class="w-32 p-2 bg-green-200 border">긴 아이템 1</div> <div class="w-32 p-2 bg-green-200 border">긴 아이템 2</div> <div class="w-32 p-2 bg-green-200 border">긴 아이템 3</div> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과