홈
레벨 34: Flex 축소 방지 (Shrink)
이전
다음
지시사항
`flex-shrink-0`을 사용하여 이미지가 찌그러지지 않게 하세요.
목표:
Flex 아이템이 공간이 부족해도 줄어들지 않도록 해봅시다.
HTML 에디터
정답 확인
<div class="flex w-64 bg-gray-100"> <div class="w-16 h-16 bg-blue-500">이미지</div> <div class="p-2"> 이 텍스트는 꽤 길어서 옆에 있는 이미지를 찌그러뜨릴 수 있습니다. </div> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과