Home Blog featured post: image stretches to full row height, not a fixed 220px

The 58%-wide image column at a hardcoded 220px tall produced a badly
elongated crop on wide viewports. sm:h-full lets the grid's natural
row-stretch (driven by the text column) size it instead, matching how
/blog's own featured card already does it.
This commit is contained in:
Marco
2026-08-25 20:14:32 +00:00
parent 821fbb0207
commit 24ae330037
+1 -1
View File
@@ -34,7 +34,7 @@ export async function Blog() {
{/* Featured post — image on top on Mobile, side-by-side from sm+ */}
<RevealItem className="w-full border border-border rounded-xl overflow-hidden grid grid-cols-1 sm:grid-cols-12 transition-transform duration-300 hover:-translate-y-1">
<div className="relative w-full aspect-video sm:aspect-auto sm:col-span-7 sm:h-[220px] bg-bg-muted">
<div className="relative w-full aspect-video sm:aspect-auto sm:col-span-7 sm:h-full bg-bg-muted">
{featured.thumbnail && (
<Image
alt=""