반응형 적용

junvhui · Feb 22, 2024 · 3245071 · 3245071
1 parent ec24866
commit 3245071
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/MainPage/App.tsx b/src/MainPage/App.tsx
@@ -59,9 +59,9 @@ const ContentsWrap = styled.div`
   }
 
   @media (max-width: 600px) {
-    transform: scale(0.8);
+    transform: scale(0.7);
     width: 35rem;
-    margin-left: -2.5rem;
+    margin-left: -4.5rem;
   }
 `;
 
@@ -173,7 +173,7 @@ const Content = () => {
   return (
     <div>
       <Background>
-        <Title>좋아하는 팀의 이적 정보를 한눈에 살펴보세요!</Title>
+        <Title>인기 팀의 이적 정보를 한눈에 살펴보세요!</Title>
         <SearchWrap>
           <SearchInput
             type="text"

diff --git a/src/MainPage/List.tsx b/src/MainPage/List.tsx
@@ -27,6 +27,7 @@ const PostWrap = styled.div`
   @media (max-width: 600px) {
     width: 20rem;
     margin-left: -2rem;
+    margin-top: -6rem;
   }
 `;