From 8a8cecdd41c1d7c10738c280e12860a36be744be Mon Sep 17 00:00:00 2001
From: "chltjdfkr517@naver.com" <chltjdfkr517@naver.com>
Date: Tue, 18 Feb 2025 17:09:38 +0900
Subject: [PATCH] =?UTF-8?q?:bug:=20fix:=20=EC=B9=B4=EB=93=9C=20=EC=BB=A8?=
 =?UTF-8?q?=ED=85=90=EC=B8=A0=20=EB=B0=80=EB=A6=BC=20=ED=98=84=EC=83=81=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/todo/TodoCard.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/todo/TodoCard.tsx b/src/components/todo/TodoCard.tsx
index b1b1320..09cf746 100644
--- a/src/components/todo/TodoCard.tsx
+++ b/src/components/todo/TodoCard.tsx
@@ -33,16 +33,16 @@ export default function TodoCard({ card }: TodoCardProps) {
         onClick={() => detailTodoModalRef.current?.open()}
       >
         {card.imageUrl !== DEFAULT_CARD_IMAGE_URL && <Image src={card.imageUrl} alt={card.title} className='w-full md:w-[120px] lg:w-full' width={400} height={200} />}
-        <div className='flex flex-col gap-1.5 md:flex-1 md:flex-row lg:flex-col lg:gap-2'>
-          <div className='flex flex-col gap-1.5 md:flex-none lg:gap-2.5'>
+        <div className='flex flex-col gap-1.5 md:flex-1 md:flex-row md:gap-4 lg:flex-col lg:gap-2'>
+          <div className='flex flex-col gap-1.5 md:justify-between lg:gap-1.5'>
             <span className='break-words break-all text-md font-medium text-gray-70 lg:text-lg lg:leading-5'>{card.title}</span>
-            <div className='flex flex-wrap gap-1.5 break-words'>
+            <div className='flex flex-wrap gap-1.5 break-words md:max-w-[500px]'>
               {card.tags.map((tag) => (
                 <TagChip key={tag} label={tag} />
               ))}
             </div>
           </div>
-          <div className='flex justify-between md:flex-auto md:items-end'>
+          <div className='flex justify-between gap-3 md:flex-auto md:items-end'>
             <div className='flex items-center gap-1'>
               <Image src={calendar} width={10} height={11} alt='캘린더' />
               <span className='text-xs font-medium text-gray-50'>{formattedDate}</span>