Merge branch '메인페이지-반응형' into develop

EntryDSM · Jul 29, 2024 · 98920d8 · 98920d8
2 parents 9461c75 + 00c21bf
commit 98920d8
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/src/components/Main2/Schedule.tsx b/src/components/Main2/Schedule.tsx
@@ -54,6 +54,11 @@ const Schedule = () => {
           );
         })}
       </_TextProvider>
+      <_MobileText>
+        원서제출 기간은
+        <br />
+        10/14 ~ 10/17입니다.
+      </_MobileText>
     </_Wrapper>
   );
 };
@@ -74,6 +79,10 @@ const _ProgressProvider = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
+
+  @media (max-width: 699px) {
+    display: none;
+  }
 `;
 
 const _TextProvider = styled.div`
@@ -94,6 +103,10 @@ const _TextProvider = styled.div`
       color: ${theme.color.black300};
     }
   }
+
+  @media (max-width: 699px) {
+    display: none;
+  }
 `;
 
 const _ScheduleCircle = styled.div`
@@ -109,3 +122,14 @@ const _ScheduleLine = styled.div`
   background-color: ${theme.color.orange800};
   margin: 0 20px;
 `;
+
+const _MobileText = styled.div`
+  display: none;
+  color: white;
+  font-size: 24px;
+  font-weight: 700;
+
+  @media (max-width: 699px) {
+    display: block;
+  }
+`;
diff --git a/src/pages/Main2.tsx b/src/pages/Main2.tsx
@@ -85,6 +85,12 @@ const _Title = styled.div`
   font-size: 48px;
   font-weight: 700;
   color: white;
+  @media screen and (max-width: 900px) {
+    font-size: 40px;
+  }
+  @media screen and (max-width: 760px) {
+    font-size: 36px;
+  }
 `;
 
 const _Line = styled.div`