From 9244ad0666c4859569801508348fa83c6e4648f4 Mon Sep 17 00:00:00 2001
From: "Danilo M." <danix@danix.xyz>
Date: Fri, 26 Jun 2026 17:57:30 +0200
Subject: fix: row thumbnail cell is 3:2 landscape, holds its own aspect ratio

Was stretching to body height via items-stretch; give the image cell
aspect-[3/2] and self-start so a 3:2 thumbnail displays at its intended
ratio instead of being cropped to the row height.
---
 layouts/partials/project-row.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'layouts')

diff --git a/layouts/partials/project-row.html b/layouts/partials/project-row.html
index 5a65f35..7a1e209 100644
--- a/layouts/partials/project-row.html
+++ b/layouts/partials/project-row.html
@@ -24,7 +24,7 @@
 
 <article class="group flex flex-col md:flex-row {{ if $reverse }}md:flex-row-reverse{{ end }} gap-6 items-stretch border-l-4 border-accent bg-surface/30 rounded-lg overflow-hidden transition-all duration-200 hover:-translate-y-1 hover:shadow-lg hover:bg-surface/50">
   <!-- Visual (decorative duplicate of the title link; hidden from AT) -->
-  <a href="{{ $p.RelPermalink }}" tabindex="-1" aria-hidden="true" class="md:w-1/3 flex-shrink-0 flex items-center justify-center bg-bg/40 min-h-[10rem]">
+  <a href="{{ $p.RelPermalink }}" tabindex="-1" aria-hidden="true" class="md:w-1/3 flex-shrink-0 self-start flex items-center justify-center bg-bg/40 aspect-[3/2] overflow-hidden">
     {{ if $imageURL }}
       <img src="{{ $imageURL }}" alt="" class="w-full h-full object-cover group-hover:scale-105 transition-transform duration-200" loading="lazy" />
     {{ else }}
-- 
cgit v1.2.3