From bb1469c2f3030732e4df1d73a4647f922078d158 Mon Sep 17 00:00:00 2001
From: Laura Kalbag <me@laurakalbag.com>
Date: Wed, 15 Jan 2020 12:56:05 +0000
Subject: [PATCH] Make title span two columns on viewports > 800px.

Also ensure following paragraph remains below title, as following the default grid behaviour, it would flow into adjacent column.
---
 assets/css/base.scss | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/assets/css/base.scss b/assets/css/base.scss
index fa5edc53..5ed719b6 100644
--- a/assets/css/base.scss
+++ b/assets/css/base.scss
@@ -142,11 +142,20 @@ ul[class] {
   line-height: 0.75;
   padding: 0;
   margin: 0.5rem 0rem;
-  grid-column: span 2;
   // transform: rotateZ(90deg);
   // margin: 13rem -7rem;
 }
 
+@media (min-width: 800px) {
+  .title__thicc {
+      grid-column: 1 / 3;
+  }
+
+  .title__thicc + p {
+    grid-column: 1 / 2;
+  }
+}
+
 .help {
   margin: 1rem 0;
   li {