src/includes/css/blocks/media-grid.css

@@ -7,26 +7,25 @@
   grid-gap: var(--spacing-2);
 
   li {
-    border: 1px solid var(--color-shadow);
-    overflow: hidden;
+    aspect-ratio: var(--aspect-ratio);
+    display: grid;
     position: relative;
+    overflow: hidden;
 
     a {
+      display: block;
       color: var(--color-white);
 
       picture {
-        border-radius: 0;
         height: 100%;
+        border-radius: 0;
+      }
 
       img {
-          aspect-ratio: var(--aspect-ratio);
-          border-radius: 0;
-          width: 100%;
         height: 100%;
         object-fit: cover;
         transition: transform 0.3s ease;
       }
-      }
 
       .text-only {
         aspect-ratio: var(--aspect-ratio);

src/includes/css/blocks/site-logo.css

@@ -1,5 +1,6 @@
 .site-logo .wordmark {
   text-decoration: none;
+  margin-top: calc(-1 * var(--spacing-1));
 }
 
 .site-logo .logo img {

src/includes/css/global/global-styles.css

@@ -27,19 +27,11 @@ body {
   margin: 0;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: var(--font-family-display);
-}
-
 h1 {
   font-size: 3rem;
+  font-family: var(--font-family-display);
   font-weight: var(--font-weight-black);
-  letter-spacing: -0.05rem;
+  letter-spacing: -0.1rem;
   line-height: 3rem;
 }
 

src/includes/css/utilities/wrapper.css

@@ -7,7 +7,7 @@
 .wrapper {
   container-type: inline-size;
   width: 90vw;
-  width: clamp(16rem, 90vw, 80ch);
+  width: clamp(16rem, 90vw, 72ch);
   margin-left: auto;
   margin-right: auto;
   padding-left: 0.5rem;

src/pages/changelog.md

@@ -10,6 +10,11 @@ All the changes that are fit to read!
 
 If preferred, the [commit log is available here][commits].
 
+## May 30th, 2025
+
+- As much as I tried, I just couldn't give up **iA Writer Quattro** as my body font. So it's back! Perhaps in the future I can use Hyperlegible as a toggle option.
+- I also gave a very minor design pass to clean things up. One thing I changed was the page width. Felt like my most recent change was too wide, so back to being a bit narrower!
+
 ## May 29th, 2025
 
 - I updated my CSS pipeline! [My PR](https://git.cloud.haska.me/wonderfulfrog/wonderfulfrog.com/pulls/4) has more information, if you're curious. tl;dr: I decreased my build times!
@@ -134,7 +139,7 @@ If preferred, the [commit log is available here][commits].
 - Built with [Eleventy][11ty]
 - [Read all of the changes][v3]
 
-[commits]: https://github.com/wonderfulfrog/wonderfulfrog.com/commits/main/
+[commits]: https://git.cloud.haska.me/wonderfulfrog/wonderfulfrog.com/commits/branch/main
 [11ty]: https://www.11ty.dev/
 [v3]: /posts/version-3/
 [blogroll]: /blogroll/

src/pages/colophon.md

@@ -36,7 +36,7 @@ Code formatting is applied by [Prism][prismjs] and uses a tweaked version of the
 
 ## Design
 
-The global font is [Atkinson Hyperlegible Next](https://www.brailleinstitute.org/freefont/), except for monospace fonts which uses the Mono variant of Atkinson Hyperlegible.
+The global font is [iA Writer Quattro](https://github.com/iaolo/iA-Fonts), and the monospace font uses [iA Writer Mono](https://github.com/iaolo/iA-Fonts).
 
 The colour palette is viewable on the [styleguide][styleguide] page.