Update style.css

kvsc27 · Jul 29, 2024 · e804f09 · e804f09
1 parent 6801864
commit e804f09
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/mobile-first-development/style.css b/mobile-first-development/style.css
@@ -24,7 +24,7 @@ h3 {
 
 .group {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   margin-bottom: 100px;
 }
 
@@ -36,3 +36,14 @@ h3 {
 .item-double {
   flex: 2;
 }
+
+/* Groups & Items  (Desktop) */
+@media all and (min-width: 800px) {
+  section,
+  h1 {
+    padding: 0 10%;
+  }
+  .group {
+    flex-direction: row;
+  }
+}