From 9e21f8c1c0709a7bae570f836d0c75a2542b45f9 Mon Sep 17 00:00:00 2001 From: Anton Lydike Date: Thu, 23 Apr 2020 21:25:25 +0200 Subject: [PATCH] mobile improvements --- main.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/main.css b/main.css index dd82ad8..aa36b42 100644 --- a/main.css +++ b/main.css @@ -2,7 +2,7 @@ html, body { margin: 0px; padding: 0px; min-height: 100vh; - min-width: 100vw; + width: 100vw; display: flex; flex-direction: column; flex-grow: 1; @@ -45,7 +45,10 @@ main { @media(max-width: 600px) { nav, main, footer { - width: calc(100vw - 16px); + width: 100%; + padding: 8px; + margin: 0px auto; + box-sizing: border-box; } .nav-container { flex-direction: column;