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% {