홈
레벨 33: Flex 확장 (Grow)
이전
다음
지시사항
`flex-1`을 사용하여 가운데 아이템이 남은 공간을 모두 차지하게 하세요.
목표:
Flex 아이템이 남은 공간을 채우도록 해봅시다.
HTML 에디터
정답 확인
<div class="flex bg-gray-100 p-4"> <div class="bg-red-200 p-2">왼쪽</div> <div class="bg-yellow-200 p-2">중간 (확장되어야 함)</div> <div class="bg-red-200 p-2">오른쪽</div> </div>
레벨 완료! 🎉
잘하셨습니다! 이 개념을 마스터하셨군요.
다음 레벨 →
라이브 미리보기
Tailwind Play CDN 제공
당신의 결과
목표 결과