From 9d7bf4de4d22933cabe28aef6a3cf0d7414f6be2 Mon Sep 17 00:00:00 2001 From: "David T. Sadler" Date: Sat, 7 Mar 2020 20:50:44 +0000 Subject: Responsive grid layout --- source/assets/build/css/main.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'source/assets/build/css') 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; } } -- cgit v1.2.3-13-gbd6f