chore(ix): add basic responsive CSS Choice layout

mdn · Feb 21, 2025 · 55722d3 · 55722d3
1 parent 485faa6
commit 55722d3
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/client/src/lit/interactive-example/index.scss b/client/src/lit/interactive-example/index.scss
@@ -184,6 +184,11 @@ tab-wrapper {
   grid-template-rows: max-content 1fr;
   height: 100%;
 
+  @media (max-width: $screen-lg) {
+    grid-template-areas: "header" "choice" "runner";
+    grid-template-columns: 1fr;
+  }
+
   #reset {
     background-color: transparent;
     border: none;
@@ -229,6 +234,10 @@ tab-wrapper {
         padding-left: 0.25rem;
         padding-right: 1.25rem;
         width: 1rem;
+
+        @media (max-width: $screen-lg) {
+          content: "▾";
+        }
       }
 
       &.selected {