Improve mobile view

gbv · Jul 9, 2024 · 8da7d61 · 8da7d61
1 parent ef53640
commit 8da7d61
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/src/client/assets/main.css b/src/client/assets/main.css
@@ -60,13 +60,6 @@ header {
     "header_logo header_menu"
     "header_logo header_search";
 }
-@media only screen and (max-width: 600px) {
-  header {
-    grid-template-areas: 
-      "header_logo header_menu"
-      "header_search header_search";
-  }
-}
 #header_logo {
   grid-area: header_logo;
 }
@@ -114,6 +107,18 @@ footer .logo {
   max-height: 50px;
   margin-right: 30px;
 }
+@media only screen and (max-width: 600px) {
+  header {
+    grid-template-areas: 
+      "header_logo header_menu"
+      "header_search header_search";
+    min-height: 120px;
+  }
+  footer {
+    /* Prevent footer content overflow */
+    min-height: 90px;
+  }
+}
 
 main {
   grid-area: 2 / 1 / 6 / 3;