Responsive grid layout

1 files changed, 4 insertions, 4 deletions

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;
   }
 }