From f228c54ceb576360174ea713db22dd60ad31ba80 Mon Sep 17 00:00:00 2001
From: Patrick Brosset <patrick.brosset@microsoft.com>
Date: Thu, 19 Oct 2023 10:38:34 +0200
Subject: [PATCH] Added media queries to css get started demo

---
 devtools-css-get-started/index.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/devtools-css-get-started/index.html b/devtools-css-get-started/index.html
index b8a1d33..8030bb1 100644
--- 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% {