From 50a3a2410b32c338274251b582b2e15a5bc33be8 Mon Sep 17 00:00:00 2001
From: Leejin-Yang <ejin1996@gmail.com>
Date: Thu, 19 Oct 2023 14:59:09 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=BF=80=EC=A1=B0=ED=95=A9=20=EC=83=81?=
 =?UTF-8?q?=EC=84=B8=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=ED=81=AC=EA=B8=B0=20?=
 =?UTF-8?q?=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/mocks/data/recipeDetail.json | 2 +-
 frontend/src/pages/RecipeDetailPage.tsx   | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/src/mocks/data/recipeDetail.json b/frontend/src/mocks/data/recipeDetail.json
index 41c5c1fce..a8ba54c3d 100644
--- a/frontend/src/mocks/data/recipeDetail.json
+++ b/frontend/src/mocks/data/recipeDetail.json
@@ -1,6 +1,6 @@
 {
   "id": 3,
-  "images": [],
+  "images": ["https://github.com/woowacourse-teams/2023-fun-eat/assets/78616893/1f0fd418-131c-4cf8-b540-112d762b7c34"],
   "title": "초특급불닭콘치즈",
   "content": "맛있는 불닭콘치즈덮밥을 만들기 위해서는 1번. 어쩌고저쩌고 2번. 어쩌고저쩌고 3번 맛있는 불닭콘치즈덮밥을 만들기 위해서는 1번. 어쩌고저쩌고 2번. 어쩌고저쩌고\n\n 3번맛있는 불닭콘치즈덮밥을 만들기 위해서는 1번. 어쩌고저쩌고 2번. 어쩌고저쩌고 3번맛있는 불닭콘치즈덮밥을 만들기 위해서는 1번. 어쩌고저쩌고 2번. 어쩌고저쩌고 3번맛있는 불닭콘치즈덮밥을 만들기 위해서는 1번. 어쩌고저쩌고 2번. 어쩌고저쩌고 3번맛있는 불닭콘치즈덮밥을 만들기 위해서는 1번. 어쩌고저쩌고 2번. 어쩌고저쩌고 3번맛있는 불닭콘치즈덮밥을 만들기 위해서는 1번. 어쩌고저쩌고 2번. 어쩌고저쩌고 3번",
   "author": {
diff --git a/frontend/src/pages/RecipeDetailPage.tsx b/frontend/src/pages/RecipeDetailPage.tsx
index 73f430c51..1f98f5d9f 100644
--- a/frontend/src/pages/RecipeDetailPage.tsx
+++ b/frontend/src/pages/RecipeDetailPage.tsx
@@ -93,9 +93,16 @@ const RecipeImageContainer = styled.ul`
   flex-direction: column;
   gap: 20px;
   align-items: center;
+
+  & > li {
+    width: 312px;
+    margin: 0 auto;
+  }
 `;
 
 const RecipeImage = styled.img`
+  width: 100%;
+  height: auto;
   border-radius: 10px;
   object-fit: cover;
 `;