From 8a90a4c11f6a80179a844c56fa0c445957af39a4 Mon Sep 17 00:00:00 2001
From: YawarRaza7349 <YawarRaza7349@gmail.com>
Date: Wed, 19 Jun 2024 15:24:22 -0700
Subject: [PATCH] Update index.css

---
 index.css | 35 +++++++++++++++++++++++------------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/index.css b/index.css
index b984924..821bbb1 100644
--- 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;
 }