make it responsive

samboylett · Dec 20, 2017 · dd81c45 · dd81c45
1 parent ad5a8ea
commit dd81c45
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -94,10 +94,11 @@ body {
     text-align: center;
     color: #2c3e50;
     min-height: 100vh;
+    font-size: 2.4vw;
 
     header {
-      padding: 30px;
-      margin-bottom: 60px;
+      padding: 3vw;
+      margin-bottom: 6vw;
       background: #333;
       color: #ddd;
       font-size: 5vw;