From 24ae3300370ec14ec495e46d4d0701098566e0b1 Mon Sep 17 00:00:00 2001
From: Marco <marco.kunitz@googlemail.com>
Date: Tue, 25 Aug 2026 20:14:32 +0000
Subject: [PATCH] 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.
---
 app/components/Blog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Blog.tsx b/app/components/Blog.tsx
index 1fc1072..1499cbe 100644
--- a/app/components/Blog.tsx
+++ b/app/components/Blog.tsx
@@ -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=""