문제 5: 프로필 카드 ⭐⭐

⏱️ 15-20분 🎯 세로 배치 + 중앙 정렬, 원형 요소, text-center

김철수

안녕하세요! 저는 웹 개발자입니다.

📝 코드 보기

<div class="flex flex-col items-center gap-4">
  <div class="w-24 h-24 bg-blue-500 rounded-full"></div>
  <h2 class="text-2xl font-bold">김철수</h2>
  <p class="text-gray-600 text-center">웹 개발자</p>
  <button class="bg-blue-500 text-white w-full">팔로우</button>
</div>

💡 핵심 포인트

• flex-col items-center - 세로 정렬 + 가운데
• rounded-full - 완전한 원
• text-center - 텍스트 중앙

← 이전 다음 →