Responsive grid layout

2 files changed, 5 insertions, 5 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;
   }
 }
 
diff --git a/source/assets/build/mix-manifest.json b/source/assets/build/mix-manifest.json
index 7be3d6f..288f2c2 100644
--- a/source/assets/build/mix-manifest.json
+++ b/source/assets/build/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/js/main.js": "/js/main.js?id=d2fc77312aa2cec93616",
-    "/css/main.css": "/css/main.css?id=acf53685d7a2f44109aa"
+    "/css/main.css": "/css/main.css?id=d168de1df534f00c8feb"
 }