add media query

codeit-bootcamp-frontend · Feb 24, 2024 · f61b524 · f61b524
1 parent 935ac9b
commit f61b524
Showing 1 changed file with 14 additions and 4 deletions.
diff --git a/css/style.css b/css/style.css
@@ -24,15 +24,14 @@ footer {
   width: 100%;
   display: grid;
   grid-template: auto / 1fr 1fr 1fr;
-  padding: 40px 104px;
+  padding: 40px;
   margin-top: 70px;
   background-color: var(--black);
 }
 
 nav {
   width: 100%;
   max-width: 1920px;
-  padding: 0 200px;
   position: fixed;
   top: 0;
   height: 110px;
@@ -42,6 +41,18 @@ nav {
   z-index: 1;
 }
 
+@media (max-width: 1920px) {
+  nav {
+    width: 100%;
+    padding: 0 200px;
+  }
+
+  footer {
+    width: 100%;
+    padding: 40px 104px;
+  }
+}
+
 a {
   text-decoration: none;
   color: var(--white);
@@ -56,8 +67,7 @@ a {
   align-items: center;
   font-size: 22px;
   font-weight: 600;
-  position: relative;
-  right: 46px;
+  margin-right: 30px;
 }
 
 .login__button,