From 57c9e46d40c3e9077ca04caa0fe5203d5752c5c2 Mon Sep 17 00:00:00 2001
From: MrMelon54 <github@mrmelon54.com>
Date: Tue, 1 Nov 2022 15:49:24 +0000
Subject: [PATCH] I prefer the thinner header on wide screens

---
 src/App.svelte | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 59ed07a..4921f81 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -69,14 +69,10 @@
 
 <style lang="scss">
   #app-router {
-    max-width: 1000px;
-    margin: 50px auto 0 auto;
+    max-width: min(100%, 1000px);
+    margin: auto;
 
     > header {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
       display: flex;
       align-items: center;
       justify-content: space-between;
@@ -94,8 +90,8 @@
         align-items: center;
         justify-content: space-between;
         display: flex;
-        width: 1000px;
-        max-width: 1000px;
+        width: min(100%, 1000px);
+        max-width: min(100%, 1000px);
         margin: auto;
 
         a {