Reduce head/footer margins on smaller screens

9 years ago · c6c7a81c22
1 changed files with 8 additions and 0 deletions
--- a/assets/style.css
+++ b/assets/style.css
@ -236,6 +236,14 @@ footer {
 /* Mobile */
@media (max-width: 800px) {

+  /* Reduce header/footer margins */
+  header {
+    margin-bottom: 1em;
+  }
+  footer {
+    margin-top: 1em;
+  }
+
  /* Increase searchbar size */
  .search {
    margin-left: 2em;