From cc09ae40e3dc0999e53bba95856bf8b34911f593 Mon Sep 17 00:00:00 2001
From: winchoose <tmdxor741@naver.com>
Date: Mon, 16 Mar 2026 11:39:00 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=A7=9C=EC=9E=98=ED=95=9C=20=EC=98=A4?=
 =?UTF-8?q?=EB=A5=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/page/post-detail-page.tsx          | 8 +++++---
 src/widgets/main/card/card.tsx         | 8 ++++++--
 src/widgets/postDetail/detail-info.tsx | 2 +-
 3 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/page/post-detail-page.tsx b/src/page/post-detail-page.tsx
index edc4a56..a357c24 100644
--- a/src/page/post-detail-page.tsx
+++ b/src/page/post-detail-page.tsx
@@ -146,14 +146,16 @@ const PostDetailPage = () => {
       </p>
 
       {/* 🔥 상세 정보 */}
-      <div className="flex items-center flex-col px-[2.4rem] justify-center">
+      <div className="flex w-full items-center flex-col px-[2.4rem] justify-center">
         <DetailInfo
           playDate={data.playDate}
           playCount={data.playCount}
           location={data.playGround}
           writerNickname={data.writer?.nickname}
         />
-        <p className="flex typo-body1 py-[2rem] border-b">{data.description}</p>
+        <p className="w-full max-w-[32.7rem] typo-body1 py-[2rem] border-b">
+          {data.description}
+        </p>
       </div>
 
       <div className="px-[2.4rem] py-[2rem] border-b">
@@ -198,7 +200,7 @@ const PostDetailPage = () => {
           </div>
         )}
 
-        <div className="flex w-full gap-[1.6rem]">
+        <div className="flex w-full gap-[1.6rem] items-center">
           <Input
             inputSize="sm"
             placeholder="댓글을 입력해주세요"
diff --git a/src/widgets/main/card/card.tsx b/src/widgets/main/card/card.tsx
index 808c87a..1d8d704 100644
--- a/src/widgets/main/card/card.tsx
+++ b/src/widgets/main/card/card.tsx
@@ -23,8 +23,12 @@ export function Card({
       onClick={onClick}
       className="flex flex-low gap-[1.6rem] w-[32.7rem] h-[14.8rem] pb-[2rem] border-b border-gray-100"
     >
-      <div className="w-[10.2rem] h-[12.8rem] shrink-0 border rounded-[8px]">
-        <img src={image} />
+      <div className="w-[10.2rem] h-[12.8rem] shrink-0 overflow-hidden border rounded-[8px]">
+        <img
+          src={image}
+          alt={title}
+          className="h-full w-full object-cover"
+        />
       </div>
       <div className="flex flex-col gap-[1.2rem]">
         <CardTitle title={title} />
diff --git a/src/widgets/postDetail/detail-info.tsx b/src/widgets/postDetail/detail-info.tsx
index d1da084..42e09b3 100644
--- a/src/widgets/postDetail/detail-info.tsx
+++ b/src/widgets/postDetail/detail-info.tsx
@@ -15,7 +15,7 @@ export function DetailInfo({
   writerNickname,
 }: DetailInfoProps) {
   return (
-    <div className="flex w-[32.7rem] gap-[2rem] flex-col border-b py-[2rem]">
+    <div className="flex w-full max-w-[32.7rem] gap-[2rem] flex-col border-b py-[2rem]">
       <div className="flex gap-[0.8rem]">
         <img className="w-[4.8rem] h-[4.8rem] rounded-full border" />
         <div className="flex flex-col">