From 8ca5449efce9ea09aa077c512a880da4167eaa72 Mon Sep 17 00:00:00 2001
From: Zach Leatherman <zachleat@users.noreply.github.com>
Date: Thu, 30 Jan 2025 12:04:09 -0600
Subject: [PATCH] CSS updates to simplify header

---
 public/css/index.css | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/public/css/index.css b/public/css/index.css
index 55001ab..7be5b52 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -125,11 +125,6 @@ main :first-child {
 header {
 	border-bottom: 1px dashed var(--color-gray-20);
 }
-header:after {
-	content: "";
-	display: table;
-	clear: both;
-}
 
 .links-nextprev {
 	display: flex;
@@ -181,15 +176,16 @@ code {
 /* Header */
 header {
 	display: flex;
-	gap: 1em .5em;
+	gap: 1em;
 	flex-wrap: wrap;
+	justify-content: space-between;
 	align-items: center;
 	padding: 1em;
 }
 .home-link {
+	flex-grow: 1;
 	font-size: 1em; /* 16px /16 */
 	font-weight: 700;
-	margin-right: 2em;
 }
 .home-link:link:not(:hover) {
 	text-decoration: none;
@@ -198,13 +194,13 @@ header {
 /* Nav */
 .nav {
 	display: flex;
+	gap: .5em 1em;
 	padding: 0;
 	margin: 0;
 	list-style: none;
 }
 .nav-item {
 	display: inline-block;
-	margin-right: 1em;
 }
 .nav-item a[href]:not(:hover) {
 	text-decoration: none;