From 93a560da1242eb4ca8c6543995cb5d2e8cc502e5 Mon Sep 17 00:00:00 2001
From: Devin Haska <wonderfulfrog@noreply.git.cloud.haska.me>
Date: Fri, 30 May 2025 13:28:57 -0700
Subject: [PATCH] fix: media grid

---
 src/includes/css/blocks/media-grid.css | 21 ++++++++++-----------
 src/includes/css/utilities/wrapper.css |  2 +-
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/includes/css/blocks/media-grid.css b/src/includes/css/blocks/media-grid.css
index 238b55d..31eaa6c 100644
--- a/src/includes/css/blocks/media-grid.css
+++ b/src/includes/css/blocks/media-grid.css
@@ -7,25 +7,24 @@
   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;
-        }
+      img {
+        height: 100%;
+        object-fit: cover;
+        transition: transform 0.3s ease;
       }
 
       .text-only {
diff --git a/src/includes/css/utilities/wrapper.css b/src/includes/css/utilities/wrapper.css
index 0785285..2fc21e6 100644
--- a/src/includes/css/utilities/wrapper.css
+++ b/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;