From 9d7bf4de4d22933cabe28aef6a3cf0d7414f6be2 Mon Sep 17 00:00:00 2001
From: "David T. Sadler" <davidtsadler@googlemail.com>
Date: Sat, 7 Mar 2020 20:50:44 +0000
Subject: Responsive grid layout

---
 source/_assets/sass/_blog.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'source/_assets/sass')

diff --git a/source/_assets/sass/_blog.scss b/source/_assets/sass/_blog.scss
index e141988..d0ae886 100644
--- a/source/_assets/sass/_blog.scss
+++ b/source/_assets/sass/_blog.scss
@@ -1,16 +1,16 @@
 body {
   @apply bg-gray-900;
-  @apply text-gray-200;
+  @apply text-white;
 }
 
 #main-sidebar-container {
   display: grid;
   grid-template-columns: auto;
   grid-template-areas: "main" "sidebar";
-  grid-row-gap: 1rem;
 }
 
 #main-sidebar-container article {
+  @apply bg-gray-800;
   grid-area: main;
 }
 
@@ -20,9 +20,9 @@ body {
 
 @media (min-width: 1024px) {
   #main-sidebar-container {
-    grid-template-columns: 256px auto;
+    grid-template-columns: 20rem auto;
     grid-template-areas: "sidebar main";
-    grid-column-gap: 1rem;
+    min-height: 100vh;
   }
 }
 
-- 
cgit v1.2.3-13-gbd6f