From 43975f9bc657919cdab06c77fcaf1257bd4cc6fc Mon Sep 17 00:00:00 2001
From: shinhyojeong <hyojeonge0@naver.com>
Date: Wed, 31 Jan 2024 01:08:14 +0900
Subject: [PATCH 1/2] =?UTF-8?q?design:=20=EC=AA=BD=EC=A7=80=ED=95=A8=20pla?=
 =?UTF-8?q?ceholder=20=EC=95=84=EC=9D=B4=EC=BD=98=20=EC=82=AC=EC=9D=B4?=
 =?UTF-8?q?=EC=A6=88=20=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/messagebox/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/messagebox/index.tsx b/src/pages/messagebox/index.tsx
index b231ff26..925a840c 100644
--- a/src/pages/messagebox/index.tsx
+++ b/src/pages/messagebox/index.tsx
@@ -126,8 +126,8 @@ const MessageBoxPage = ({ roomId: defaultRoomId }: Props): ReactElement => {
                 <MessageBoxPlaceholder
                   image={{
                     url: IMAGE.MAIL,
-                    width: '90px',
-                    height: '90px'
+                    width: '81px',
+                    height: '67px'
                   }}
                   message={`쪽지 내역이 없어요.\n구매하고 싶은 상품에 가격을 제안해보세요.`}
                 />

From 300003d1fb8d180400610015a7c1024134b5d18a Mon Sep 17 00:00:00 2001
From: shinhyojeong <hyojeonge0@naver.com>
Date: Wed, 31 Jan 2024 01:16:14 +0900
Subject: [PATCH 2/2] =?UTF-8?q?design:=20PostList=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=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/home/ProductItem/styled.ts | 10 ----------
 src/components/home/ProductList/styled.ts | 12 ++++++------
 2 files changed, 6 insertions(+), 16 deletions(-)

diff --git a/src/components/home/ProductItem/styled.ts b/src/components/home/ProductItem/styled.ts
index 19bd1303..2b3913c6 100644
--- a/src/components/home/ProductItem/styled.ts
+++ b/src/components/home/ProductItem/styled.ts
@@ -3,17 +3,7 @@ import styled from '@emotion/styled'
 import { Image, ToggleButton } from '@offer-ui/react'
 
 const Container = styled.div`
-  flex: 1 0 22%;
-
-  max-width: 25%;
-
   cursor: pointer;
-
-  ${({ theme }) => theme.mediaQuery.mobile} {
-    flex: 1 0 44%;
-
-    max-width: 48%;
-  }
 `
 
 const ProductImg = styled(Image)`
diff --git a/src/components/home/ProductList/styled.ts b/src/components/home/ProductList/styled.ts
index ed68ee8b..c96ccbc7 100644
--- a/src/components/home/ProductList/styled.ts
+++ b/src/components/home/ProductList/styled.ts
@@ -1,20 +1,20 @@
 import styled from '@emotion/styled'
 
 const ProductListWrapper = styled.div`
-  display: flex;
-  flex-wrap: wrap;
-  gap: 30px;
-  justify-content: start;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 28px 30px;
 
   margin-top: 20px;
 
   ${({ theme }): string => theme.mediaQuery.tablet} {
-    gap: 18px 20px;
+    gap: 20px 15px;
 
     margin-top: 20px;
   }
   ${({ theme }): string => theme.mediaQuery.mobile} {
-    gap: 8px 20px;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20px 8px;
 
     margin-top: 16px;
   }