From a046c3c40e8150fee41c5521b7bae7f90928649c Mon Sep 17 00:00:00 2001
From: zombieFox <crudetoaster@gmail.com>
Date: Sun, 6 Jan 2019 15:57:25 +0000
Subject: [PATCH] [design] improve menu layout

---
 css/menu.css | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/css/menu.css b/css/menu.css
index 27f22772..4fefee95 100644
--- a/css/menu.css
+++ b/css/menu.css
@@ -44,7 +44,7 @@
 
 .menu-content-area {
   display: grid;
-  grid-template-columns: repeat(auto-fill, 1fr);
+  grid-template-columns: 1fr;
   grid-gap: 2em;
 }
 
@@ -81,16 +81,19 @@
   }
 
   .menu-content-area {
-    grid-template-columns: repeat(auto-fill, minmax(12em, 1fr));
+    grid-template-columns: repeat(2, 1fr);
   }
 }
 
 @media (min-width: 900px) {
   .menu {
-    width: calc(50vw - 2em);
-  }
-
-  .menu-content-area {
-    grid-template-columns: repeat(auto-fill, minmax(20em, 1fr));
+    width: calc(60vw - 2em);
+    max-height: calc(100vh - 2em);
+  }
+}
+
+@media (min-width: 1100px) {
+  .menu {
+    width: calc(50vw - 2em);
   }
 }