moved media queries to layout.css file

sarah-you · Jun 29, 2023 · 7328cf2 · 7328cf2
1 parent 7f4d5b2
commit 7328cf2
Show file tree

Hide file tree

Showing 2 changed files with 38 additions and 38 deletions.
diff --git a/css/layout.css b/css/layout.css
@@ -20,3 +20,41 @@
     margin-top: 3rem;
   }
 }
+
+@media screen and (max-width: 768px) {
+  .list-wrap {
+    display: flex;
+    flex-direction: column;
+    height: 30rem;
+  }
+
+  .text-wrap {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
+
+  .img-wrap {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    margin-top: 1rem;
+  }
+
+  .modal-text-wrap {
+    margin-left: 0;
+  }
+
+  .add-btn-wrap {
+    display: flex;
+    justify-content: center;
+  }
+
+  .add {
+    margin-top: 0;
+  }
+
+  .top-row-wrap {
+    align-items: center;
+  }
+}
diff --git a/css/styles.css b/css/styles.css
@@ -292,41 +292,3 @@ li {
   box-shadow: 0 5px 5px black;
   transform: translateY(3px);
 }
-
-@media screen and (max-width: 768px) {
-  .list-wrap {
-    display: flex;
-    flex-direction: column;
-    height: 30rem;
-  }
-
-  .text-wrap {
-    width: 100%;
-    display: flex;
-    justify-content: center;
-  }
-
-  .img-wrap {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    margin-top: 1rem;
-  }
-
-  .modal-text-wrap {
-    margin-left: 0;
-  }
-
-  .add-btn-wrap {
-    display: flex;
-    justify-content: center;
-  }
-
-  .add {
-    margin-top: 0;
-  }
-
-  .top-row-wrap {
-    align-items: center;
-  }
-}