add a little of responsiveness

0e694ba1 · Mathieu Nivoliez · 37a88193 · 0e694ba1
Commit 0e694ba1 authored Apr 04, 2018 by Mathieu Nivoliez
Hide whitespace changes
Inline Side-by-side

Showing with 10 additions and 0 deletions

style.css style.css +10 -0

No files found.
--- a/style.css
+++ b/style.css
@@ -70,10 +70,20 @@ nav a h2:hover {
 }

 @media (max-width: 41em) {
+  header {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    height: auto;
+    position: relative;
+  }
  header nav {
    max-width: 100%;
    overflow: hidden;
  }
+  .pages-menu {
+    flex-direction: column;
+  }
 }

 @media (min-width: 41em) {