From bb0f0ec13a43c1b9a3b9ec9695b6145fcb6a4207 Mon Sep 17 00:00:00 2001
From: Joel Brock <joelbrock@gmail.com>
Date: Mon, 18 May 2026 17:32:54 -0700
Subject: [PATCH] Fix: youtube cards rendered at 0 width when constrained
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

YouTube cards only have absolutely-positioned children
(.yt__play, .yt__title), so their intrinsic width is 0. With
max-width:78% + justify-self:center but no `width`, the cards
collapsed to nothing — explaining the empty Videos section.
Portfolio worked because its caption has text content giving the
card an intrinsic width.

Add width:100% to the constrained rule so max-width has a definite
basis to cap against. Both portfolio and youtube cards now render
at 78% of their grid track on 700px+.
---
 assets/css/styles.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index eb82a63..b90e76f 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -286,6 +286,7 @@ main > .section:first-child { margin-top: var(--space-3xl); }
 @media (min-width: 700px) {
   .grid > .card--portfolio,
   .grid > .card--youtube {
+    width: 100%;
     max-width: 78%;
     justify-self: center;
   }