media query test

Author: zJiaJun

starter/08-Omnifood-Responsive/css/style.css

@@ -65,6 +65,19 @@
   padding: 4.8rem 0 9.6rem 0;
 }
 
+@media (max-width: 1200px) {
+  .section-hero {
+    background-color: orangered;
+  }
+}
+
+@media (max-width: 600px) {
+  .section-hero {
+    border: 20px dashed blue;
+    background-color: greenyellow;
+  }
+}
+
 .hero {
   max-width: 130rem;
   margin: 0 auto;