Fix div height scaling on devices with smaller screensmaster

1 files changed, 12 insertions, 1 deletions

diff --git a/public/style.css b/public/style.css
index ff2cf54..b122d7a 100644
--- a/public/style.css
+++ b/public/style.css
@@ -11,7 +11,18 @@ body {
     border-radius: 10px;
     padding: 3px;
     display: flex;
-    height: 20vh;
+}
+
+@media all and (min-height: 800px) {
+    .system {
+        height: 20vh;
+    }
+}
+
+@media all and (max-height: 800px) {
+    .system {
+        height: 166px;
+    }
 }
 
 h1, h2, h3 {