feat: responding to Landscape Tablets

Author: zangeronimo

starter/07-Omnifood-Desktop/css/queries.css

@@ -18,3 +18,42 @@ Instead, 1rem = 1em = 16px */
     grid-template-columns: repeat(2, 1fr);
   }
 }
+
+/*************************************/
+/* BELOW 1200px (Landscape Tablets) */
+/*************************************/
+
+@media (max-width: 75em) {
+  html {
+    font-size: 56.25%;
+  }
+
+  .grid {
+    column-gap: 4.8rem;
+    row-gap: 6.4rem;
+  }
+
+  .heading-secondary {
+    font-size: 3.6rem;
+  }
+
+  .heading-tertiary {
+    font-size: 2.4rem;
+  }
+
+  .header {
+    padding: 0 3.2rem;
+  }
+
+  .main-nav-list {
+    gap: 3.2rem;
+  }
+
+  .hero {
+    gap: 4.8rem;
+  }
+
+  .testimonials-container {
+    padding: 9.6rem 3.2rem;
+  }
+}

starter/07-Omnifood-Desktop/css/style.css

@@ -24,7 +24,7 @@
   list-style: none;
   display: flex;
   align-items: center;
-  gap: 3.2rem;
+  gap: 4.8rem;
 }
 
 .main-nav-link:link,