From 896ba7c1da8113d0e0d65917acdc66dc8cfb02ac Mon Sep 17 00:00:00 2001
From: jinhojang6 <jinho5051@gmail.com>
Date: Mon, 15 May 2023 22:55:18 +0900
Subject: [PATCH] update post responsive css

---
 src/components/Post/Post.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Post/Post.tsx b/src/components/Post/Post.tsx
index 59f6de4..eac356f 100644
--- a/src/components/Post/Post.tsx
+++ b/src/components/Post/Post.tsx
@@ -112,6 +112,7 @@ export default function Post({
         <CustomTypography
           variant={size === PostSize.SMALL ? 'h4' : 'h1'}
           genericFontFamily="serif"
+          component="h2"
         >
           {title}
         </CustomTypography>
@@ -237,9 +238,13 @@ const TitleLink = styled(Link)`
 `
 
 const HeaderContainer = styled(CustomTypography)<{ isFeatured: boolean }>`
-  margin-right: ${({ isFeatured }) => (isFeatured ? '178px' : '0px')};
+  @media (min-width: 768px) {
+    margin-right: ${({ isFeatured }) => (isFeatured ? '178px' : '0px')};
+  }
 `
 
 const Description = styled(CustomTypography)<{ isFeatured: boolean }>`
-  margin-right: ${({ isFeatured }) => (isFeatured ? '178px' : '0px')};
+  @media (min-width: 768px) {
+    margin-right: ${({ isFeatured }) => (isFeatured ? '178px' : '0px')};
+  }
 `