← 목록으로

문제 1: 색상 박스 만들기 ⭐

3개의 박스를 가로로 나란히 배치

⏱️ 5-10분 🎯 Flexbox 가로 배치, gap, 배경색

📋 요구사항

✓ 빨간색 박스
✓ 파란색 박스
✓ 초록색 박스
✓ 각 박스는 동일한 크기, 흰색 글자, 패딩 4
✓ 3개의 박스를 가로로 나란히 배치

💡 힌트

• flex - 자식 요소들을 가로로 배치

• gap-4 - 요소 사이 간격

• bg-red-500, bg-blue-500, bg-green-500 - 배경색

• text-white - 흰색 글자

• p-4 - 패딩

✏️ 여기에서 실습하세요

이 영역을 개발자 도구로 편집하거나
직접 HTML 파일을 만들어 실습하세요

목록으로 다음 문제 →