Added media queries to css get started demo

MicrosoftEdge · Oct 19, 2023 · f228c54 · f228c54
1 parent f2f3659
commit f228c54
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/devtools-css-get-started/index.html b/devtools-css-get-started/index.html
@@ -54,6 +54,20 @@
       };
     </script>
     <style>
+      @media (min-width: 400px) {
+        body {
+          column-count: 3;
+          column-gap: 1rem;
+        }
+      }
+
+      @media (min-width: 700px) {
+        body {
+          column-count: 4;
+          column-gap: 1rem;
+        }
+      }
+
       /* red orange yellow green blue indigo violet */
       @keyframes rainbow {
         0% {