From 5d49335060b54f9954a905725a675ea90c11022f Mon Sep 17 00:00:00 2001 From: tunkki Date: Sun, 14 Aug 2016 19:55:16 +0300 Subject: Fix div height scaling on devices with smaller screens --- public/style.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) 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 { -- cgit v1.3