From ed6b981f462ea981287b4000e9dc2b2ca84481ba Mon Sep 17 00:00:00 2001
From: Joe Carstairs <65492573+Sycamost@users.noreply.github.com>
Date: Sun, 13 Aug 2023 14:40:44 +0100
Subject: Constrains navbar and footer to max width

---
 public/main.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/main.css b/public/main.css
index 7b38c44..9fdcbf9 100644
--- a/public/main.css
+++ b/public/main.css
@@ -26,6 +26,7 @@
   --background-highlight-color: var(--color-primary-200);
 
   --max-width-prose-content: 35rem;
+  --max-width-all-content: 56.6rem; /* golden ratio * prose content width */
 
   --breakpoint-sm: 640px;
   --breakpoint-lg: 1280px;
@@ -296,7 +297,7 @@ ol li {
 footer {
   padding-block-start: var(--spacing-block-md);
   padding-bottom: 8rem;
-  padding-inline: 10%;
+  padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2));;
 }
 
 .back-to-top-link {
@@ -399,9 +400,9 @@ nav {
 @media (min-width: 40rem) {
   nav {
     flex-direction: row;
-    justify-content: space-evenly;
+    justify-content: space-between;
     align-items: baseline;
-    padding-inline: 0;
+    padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2));
   }
 
   .breadcrumbs {
-- 
cgit v1.2.3