*: Added media queries to make it less awful on mobile.

2018-11-01 20:56:24 +01:00
parent b57873091b
commit a8f4d68f1e
19 changed files with 93 additions and 13 deletions
@@ -16,10 +16,19 @@ body {
  }
 }

+@media screen and (max-width: 700px) {
+  body {
+    main {
+      margin-left: 0.25ch;
+      width: 100%;
+    }
+  }
+}
+
 /* 
 * Less glaring chrome/ium scrollbars.
 */
- ::-webkit-scrollbar {
+::-webkit-scrollbar {
  width: 2px;
  /* for vertical scrollbars */
  height: 2px;
@@ -30,4 +30,14 @@ nav.layout-navbar {
      color: white;
    }
  }
-}
+}
+
+@media screen and (max-width: 700px) {
+  nav.layout-navbar {
+    position: static;
+    margin-left: 0;
+    width: 100%;
+
+    font-size: 1.25em;
+  }
+}