mobile improvements

5 years ago · 9e21f8c1c0
parent 4f0d49de07
commit 9e21f8c1c0
1 changed files with 5 additions and 2 deletions
--- 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;