From 77d4f682a1586627f7338191569f23e865933583 Mon Sep 17 00:00:00 2001
From: Jeremy Dormitzer <jeremy.dormitzer@gmail.com>
Date: Thu, 26 Jul 2018 23:05:44 -0400
Subject: [PATCH] Use CSS grid for layout

---
 style.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/style.css b/style.css
index c71d3aa..9b4dd85 100644
--- a/style.css
+++ b/style.css
@@ -840,9 +840,21 @@ a:hover, a:active {
 /*--------------------------------------------------------------
 # Content
 --------------------------------------------------------------*/
+.site-content {
+    display: grid;
+    grid-template-columns: repeat(12, 1fr);
+    grid-gap: 1rem;
+    grid-auto-rows: auto;
+}
+
 .content-area {
-    max-width: 740px;
-    margin: auto;
+    grid-column: 3 / 8;
+    max-width: 100%;
+}
+
+.widget-area {
+    grid-column: 9 / 11;
+    max-width: 100%;
 }
 /*--------------------------------------------------------------
 ## Posts and pages