From b49931a87aaf20d06bf53e9b927ee2d987e10c7d Mon Sep 17 00:00:00 2001 From: Kunthawat Greethong Date: Tue, 9 Jun 2026 14:19:18 +0700 Subject: [PATCH] fix(bento): force equal-width tiles via min-width: 0 Tiles in the same row had different widths because grid items default to min-width: auto, which makes them grow to fit their intrinsic content width instead of dividing the row equally. Add min-width: 0, width: 100%, and box-sizing: border-box to bento-tile so all tiles in a row are exactly equal width. Co-Authored-By: Claude --- src/components/BentoTile.astro | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/BentoTile.astro b/src/components/BentoTile.astro index d4f0889..41f5496 100644 --- a/src/components/BentoTile.astro +++ b/src/components/BentoTile.astro @@ -68,6 +68,9 @@ const revealClass = reveal ? 'reveal' : ''; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease; transform-style: preserve-3d; min-height: 380px; + min-width: 0; + width: 100%; + box-sizing: border-box; display: flex; flex-direction: column; }