Merge pull request #142 from 2024WISCOM/feature/footer

💄 Footer 줄바꿈 방지
2024WISCOM · Oct 26, 2024 · df10892 · df10892
2 parents 5f1bdc6 + d4c45ef
commit df10892
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/src/components/footer/Footer.style.js b/src/components/footer/Footer.style.js
@@ -5,15 +5,24 @@ export const FooterContainer = styled.footer`
   color: #fff;
   padding: 1%;
   display: flex;
+  margin:0 auto;
   flex-direction: column;
   align-items: flex-start;
   font-family: 'Noto Sans KR', sans-serif;
   width: 100%;
+  white-space: nowrap;
 
   @media(max-width: 768px) {
-    font-size: 0.8em;
-    margin : 0;
+    width:100%;
+    font-size: 0.6em;
+    margin : 0 auto;
+
+  }
 
+   @media (min-width: 769px) and (max-width: 1114px) {
+     width:100%;
+     font-size: 0.7em;
+     
   }
 
 `;
@@ -33,6 +42,11 @@ export const FooterTop = styled.div`
     padding:0;
   }
 
+     @media (min-width: 769px) and (max-width: 1114px) {
+     margin-top:1%;
+     
+  }
+
 
 `;
 
@@ -109,6 +123,9 @@ export const FooterLogo = styled.img`
     display : none;
   
   }
+  @media (min-width: 769px) and (max-width: 1114px) {
+    height:40px;
+  }
 
 
 `;