diff --git a/src/components/BentoTile.astro b/src/components/BentoTile.astro index 41f5496..c1fb16e 100644 --- a/src/components/BentoTile.astro +++ b/src/components/BentoTile.astro @@ -69,7 +69,7 @@ const revealClass = reveal ? 'reveal' : ''; transform-style: preserve-3d; min-height: 380px; min-width: 0; - width: 100%; + width: 100% !important; box-sizing: border-box; display: flex; flex-direction: column; diff --git a/src/styles/global.css b/src/styles/global.css index c051393..fa217aa 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -830,3 +830,29 @@ p { padding: 16px 28px; } } + + +/* ============================================ + BENTO TILE — global override (unscoped) + Forces equal-width tiles regardless of content + ============================================ */ +.bento-tile { + min-width: 0 !important; + width: 100% !important; + box-sizing: border-box !important; + min-height: 380px; + display: flex; + flex-direction: column; +} + +/* Make tile-body grow to push CTA to bottom */ +.bento-tile .tile-body { + flex: 1; + display: flex; + flex-direction: column; +} +.bento-tile .tile-body > .mega-cta, +.bento-tile .tile-body > .btn, +.bento-tile .tile-body > a:last-child { + margin-top: auto; +}