Responsive grid layout

1 files changed, 4 insertions, 4 deletions

diff --git a/source/assets/build/css/main.css b/source/assets/build/css/main.css
index f9ebb64..8e12074 100644
--- a/source/assets/build/css/main.css
+++ b/source/assets/build/css/main.css
@@ -625,17 +625,17 @@ video {
 
 body {
   background-color: #1a202c;
-  color: #edf2f7;
+  color: #fff;
 }
 
 #main-sidebar-container {
   display: grid;
   grid-template-columns: auto;
   grid-template-areas: "main" "sidebar";
-  grid-row-gap: 1rem;
 }
 
 #main-sidebar-container article {
+  background-color: #2d3748;
   grid-area: main;
 }
 
@@ -645,9 +645,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;
   }
 }