Update index.css

YawarRaza7349 · Jun 19, 2024 · 8a90a4c · 8a90a4c
1 parent e082f16
commit 8a90a4c
Showing 1 changed file with 23 additions and 12 deletions.
diff --git a/index.css b/index.css
@@ -8,13 +8,32 @@ button, input {
   font: inherit;
 }
 
-#layout {
-  display: flex;
-  flex-flow: row wrap;
+@media (min-width: 45rem) {
+  #layout {
+    display: flex;
+    flex-flow: row nowrap;
+  }
+
+  #sidebar {
+    width: 25rem;
+  }
+
+  #map {
+    flex: 1;
+  }
+
+  #map-svg {
+    max-height: 100vh;
+  }
+}
+
+@media not (min-width: 45rem) {
+  #map-svg {
+    width: 100vw;
+  }
 }
 
 #sidebar {
-  max-width: 25rem;
   margin: 1rem;
 }
 
@@ -117,14 +136,6 @@ h2 {
   margin-left: 0;
 }
 
-#map {
-  flex: 1;
-}
-
-#map-svg {
-  max-height: 100vh;
-}
-
 #map-svg .state {
   fill: white;
 }