From 413a49067a803a857afe5306d3dccc07a15f57a0 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Tue, 11 Oct 2022 07:44:21 -0700
Subject: [PATCH] Use position sticky for the heading! Thanks @hober!

---
 static/styles/root.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/static/styles/root.css b/static/styles/root.css
index b968337..1183af8 100644
--- a/static/styles/root.css
+++ b/static/styles/root.css
@@ -210,7 +210,7 @@ img.circular {
 main {
     max-width: var(--content-width);
     margin: 0 auto;
-    margin-block-start: 10.5rem;
+    margin-block-start: var(--body-item-spacing);
     width: 100%;
 }
 
@@ -244,7 +244,7 @@ h1, h2, h3, h4, h5, h6 {
 header.site {
     display: flex;
     left: 0;
-    position: fixed;
+    position: sticky;
     top: 0.5rem;
     visibility: hidden;
     width: 100%;
@@ -274,9 +274,8 @@ header.site h1 {
 header.site .grid {
     align-items: baseline;
     display: grid;
-    gap: 0.5em;
+    gap: 0 0.5em;
     grid-template-columns: max-content auto max-content;
-    grid-template-rows: minmax(2em, min-content);
     grid-template-areas:
         "title menu social";
     max-width: var(--content-width);