Merge pull request #122 from EFUB4-Jukebox/dev

💄 Style : 메인페이지 반응형 bottom 텍스트 수정
EFUB4-Jukebox · Aug 21, 2024 · de30413 · de30413
2 parents f505060 + 906f7cf
commit de30413
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/pages/IntroducePage/Main.jsx b/src/pages/IntroducePage/Main.jsx
@@ -75,16 +75,16 @@ const Bottom = styled.div`
     transform: translateX(-50%);
     cursor: pointer;
 
-    @media (max-width: 700px) {
-      width: 100%;
+    @media (max-width: 800px) {
+      width: 80%;
       height: auto;
     }
   }
 `;
 const BottomText = styled.div`
   position: fixed;
   left: 50%;
-  bottom: 2.5em;
+  bottom: 4.5rem;
   transform: translateX(-50%);
   z-index: 3;
   color: var(--light_black, #232323);
@@ -95,9 +95,13 @@ const BottomText = styled.div`
   line-height: 40px; /* 125% */
   cursor: pointer;
   white-space: nowrap;
-  @media (max-width: 700px) {
-    font-size: 1.2em;
-    bottom: 1em;
+  @media (max-width: 800px) {
+    font-size: 1.5rem;
+    bottom: 3%.5;
+  }
+  @media (max-width: 450px) {
+    font-size: 1rem;
+    bottom: 2rem;
   }
 `;