Undo nav changes, increase paragraph text size

src/css/exceptions/callout.css

@@ -4,6 +4,9 @@
     border-radius: 10px;
     color: var(--color-primary);
     height: fit-content;
-    max-width: 60ch;
     padding: var(--space-size-xs);
+    text-align: center;
+    p {
+        margin: 0 auto;
+    }
 }

src/css/exceptions/color-scheme-picker.css

@@ -4,9 +4,7 @@
 	padding: 0;
 	display: flex;
 	gap: var(--space-size-xs);
-	/* grid-column: auto/span 2; */
-	justify-content: end;
-	width: 100%;
+	justify-content: flex-end;
 
 	legend {
 		position:absolute;

src/css/exceptions/home.css

@@ -29,7 +29,7 @@
     font-weight: 300;
   }
 
-  p {
+  /* p {
     max-width: 50ch;
-  }
+  } */
 }

src/css/exceptions/nav-container.css

@@ -1,4 +0,0 @@
-.nav-container {
-    --grid-item-size: clamp(30rem, 70vw, var(--screen-lg));
-    grid-column: auto / span 4;
-}

src/css/globals.css

@@ -153,18 +153,15 @@ nav {
 }
 
 header {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(var(--grid-item-size, clamp(2rem, 10vw, 10rem)), 1fr));
-    grid-gap: 10px;
-    padding: var(--space-size-m);
-    place-items: center;
-    justify-content: center;
-    width: 100%;
+   flex-wrap: wrap;
+   padding-top: var(--space-size-s);
+   padding-bottom: var(--space-size-s);
 }
 
 p {
     line-height: 1.6;
-    max-width: 65ch;
+    max-width: 70ch;
+    text-wrap: balance;
 
     &:has(> picture) {
         max-width: 100%;