More work on getting blog looking good

src/css/compositions/row.css

@@ -4,3 +4,7 @@
   gap: var(--vertical-spacing, 1rem);
   flex-wrap: wrap;
 }
+
+.row[data-spacing="between"] {
+  justify-content: space-between;
+}

src/css/exceptions/blog-nav.css

@@ -0,0 +1,4 @@
+.blog-nav {
+    border-top: 1px solid var(--color-neutral-200);
+    padding-top: var(--space-size-2xs);
+}

src/css/exceptions/home.css

@@ -28,4 +28,8 @@
     font-style: italic;
     font-weight: 300;
   }
+
+  p {
+    max-width: 50ch;
+  }
 }

src/css/globals.css

@@ -19,7 +19,7 @@ h5 {
 h1 {
   font-size: var(--text-size-xl);
   word-wrap: normal;
-  text-underline-offset: var(--space-size-2xs);
+  text-underline-offset: var(--space-size-3xs);
 }
 
 h2 {
@@ -61,7 +61,7 @@ header {
 
 p {
   line-height: 1.6;
-  max-width: 50ch;
+  max-width: 60ch;
 }
 
 footer {