From 955e080bb51bccc82e84204d2310cadc4c7e2138 Mon Sep 17 00:00:00 2001 From: Joshua Goins Date: Wed, 14 Sep 2022 16:48:15 -0400 Subject: [PATCH] Add basic layout using css grids --- themes/red/assets/css/site.css | 31 +++++++++++++++++++++++++++++++ 1 file changed, 31 insertions(+) diff --git a/themes/red/assets/css/site.css b/themes/red/assets/css/site.css index e69de29..3e1a0ab 100644 --- a/themes/red/assets/css/site.css +++ b/themes/red/assets/css/site.css @@ -0,0 +1,31 @@ +body { + background-color: #eebebe; + + display: grid; + grid-template: + "head head" + "nav main" + "nav foot"; +} + +header { + grid-area: head; +} + +aside { + background-color: #e3e3e3; + + width: 250px; + + grid-area: nav; +} + +article { + background-color: #e3e3e3; + grid-area: main; +} + +footer { + grid-area: foot; +} +