이미지가 위에 있고 내용이 아래에 있는 블로그 카드 3개를 만드세요
이런 모습이 되어야 해요:
2025.01.06
Tailwind CSS로 빠르게 UI 만들기
2025.01.05
컴포넌트 기반 개발
2025.01.04
최신 문법 살펴보기
• 카드 가로 배치:
flex gap-4
• 각 카드:
bg-white rounded-lg shadow-lg flex-1 flex flex-col
• 이미지 영역:
w-full h-40 bg-gray-300 rounded-t-lg
• 텍스트 영역:
p-4 flex flex-col gap-2
• 제목:
text-lg font-bold
• 날짜:
text-xs text-gray-500
• 요약:
text-sm text-gray-600
아래 주석 부분에 코드를 작성하세요