Session 1 연습 문제 🎯

Tailwind 카드 UI 마스터하기

📚 학습 가이드

문제 1: 기본 카드 3개 나란히

⭐

색상이 다른 3개의 카드를 가로로 나란히 배치하세요

⏱️ 5-10분 🎯 flex, gap, bg-색상

문제 2: 프로필 카드 만들기

⭐⭐

아바타 이미지와 사용자 정보가 있는 프로필 카드를 만드세요

⏱️ 10-15분 🎯 flex, items-center, rounded-full

문제 3: 가격 표시 카드

⭐⭐

제품명과 가격이 양 끝에 배치된 카드를 만드세요

⏱️ 10-15분 🎯 justify-between, items-center

문제 4: 블로그 카드

⭐⭐

이미지가 위에 있고 내용이 아래에 있는 블로그 카드를 만드세요

⏱️ 15-20분 🎯 flex-col, w-full, h-40

문제 5: 대시보드 통계 카드

⭐⭐⭐

아이콘, 라벨, 숫자, 변화율이 있는 통계 카드 4개를 만드세요

⏱️ 15-20분 🎯 복합 레이아웃, flex-1

💪 화이팅!

모든 문제를 푸셨다면 자신만의 카드를 만들어보세요!