Organizing better the code

Leaving in flex-cards only the code related to the component, instead of all the code for that page layout.
francesca-paris · Jun 11, 2022 · 353d820 · 353d820
1 parent c3a8e7d
commit 353d820
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 27 deletions.
diff --git a/css/flex-cards-page.css b/css/flex-cards-page.css
@@ -256,25 +256,6 @@ section#challenge {
     margin-top: unset;
     line-height: 1.1;
   }
-
-  .grid-needs {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 32px;
-  }
-
-  .needs-description {
-    margin-top: 60px;
-  }
-
-  .final-screens.mobile-only {
-    display: none;
-  }
-
-  .final-screens.mobile-only img {
-    max-width: unset;
-  }
 }
 
 /* small screens */
@@ -308,12 +289,4 @@ section#challenge {
     display: flex;
     flex-direction: column;
   }
-
-  .needs-section {
-    padding-top: 40px;
-  }
-
-  .needs-description {
-    margin-top: 20px;
-  }
 }
diff --git a/css/quick-tasty.css b/css/quick-tasty.css
@@ -122,6 +122,25 @@ COLOURS
     padding-left: unset;
     padding-right: unset;
   }
+
+  .grid-needs {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 32px;
+  }
+
+  .needs-description {
+    margin-top: 60px;
+  }
+
+  .final-screens.mobile-only {
+    display: none;
+  }
+
+  .final-screens.mobile-only img {
+    max-width: unset;
+  }
 }
 
 /* small screens */
@@ -151,6 +170,14 @@ COLOURS
     overflow-x: scroll;
     overflow-y: hidden;
   }
+
+  .needs-section {
+    padding-top: 40px;
+  }
+
+  .needs-description {
+    margin-top: 20px;
+  }
 }
 
 /* large screens */