From ebeb983e20d059e6b883e5d0af654ec689b0b8e3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Weller?= <info@lost.design>
Date: Tue, 14 May 2019 15:29:09 +0200
Subject: [PATCH] fix mobile

---
 layouts/default.vue | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 8f38f53..d0cd9ee 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -49,13 +49,13 @@ a {
 
 .layout {
   display: grid;
-  grid-template-columns: 100px 100px auto;
+  grid-template-columns: 20vw auto;
   grid-gap: 1rem;
   margin-top: 1rem;
   grid-template-areas:
-    'logo logo search'
-    '. . .'
-    'sidebar sidebar content';
+    'logo search'
+    '. .'
+    'sidebar content';
 }
 
 .logo {
@@ -81,4 +81,18 @@ a {
   grid-gap: 2rem;
 }
 
+
+@media (max-width: 500px) {
+  .layout {
+    display: grid;
+    grid-template-columns: auto;
+    grid-gap: 1rem;
+    margin-top: 1rem;
+    grid-template-areas:
+      'logo'
+      'search'
+      'sidebar'
+      'content';
+  }
+}
 </style>