From cfb1334ac5d385f188002d56db6b1d52d7404ce4 Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <gpg@kogakure.8shield.net>
Date: Thu, 23 Jan 2025 19:34:29 +0100
Subject: [PATCH] fix(ai-art): aspect ratio issue

---
 src/pages/ai-art.astro | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/pages/ai-art.astro b/src/pages/ai-art.astro
index d25f07c..c47663e 100644
--- a/src/pages/ai-art.astro
+++ b/src/pages/ai-art.astro
@@ -41,6 +41,7 @@ const description = 'This is a collection of AI art pieces I’ve created with S
 			{
 				allAiArt.map(({ slug, data }) => (
 					<li
+						style={{ aspectRatio: data.images[0].aspectRatio }}
 						class:list={[
 							{
 								'md:col-span-3 md:row-span-2':
@@ -51,13 +52,13 @@ const description = 'This is a collection of AI art pieces I’ve created with S
 									data.images[0].aspectRatio === 1 && data.coverSize === 'small',
 								'md:col-span-4 md:row-span-3':
 									data.images[0].aspectRatio > 1 && data.coverSize === 'medium',
-								'md:col-span-3 md:row-span-4':
+								'md:col-span-3 md:row-span-5':
 									data.images[0].aspectRatio < 1 && data.coverSize === 'medium',
 								'md:col-span-4 md:row-span-4':
 									data.images[0].aspectRatio === 1 && data.coverSize === 'medium',
 								'md:col-span-6 md:row-span-5':
 									data.images[0].aspectRatio > 1 && data.coverSize === 'large',
-								'md:col-span-5 md:row-span-6':
+								'md:col-span-5 md:row-span-8':
 									data.images[0].aspectRatio < 1 && data.coverSize === 'large',
 								'md:col-span-6 md:row-span-6':
 									data.images[0].aspectRatio === 1 && data.coverSize === 'large',