From e25a3d0189941cb640c18d423d2b168975a7fd38 Mon Sep 17 00:00:00 2001
From: Alex Lebens <alexanderlebens@gmail.com>
Date: Tue, 10 Mar 2026 22:27:10 -0500
Subject: [PATCH] feat: change responsive height of image

---
 src/components/cards/LargeBlogLeftCard.astro  | 6 +++---
 src/components/cards/LargeBlogRightCard.astro | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/cards/LargeBlogLeftCard.astro b/src/components/cards/LargeBlogLeftCard.astro
index 658981e..01cc885 100644
--- a/src/components/cards/LargeBlogLeftCard.astro
+++ b/src/components/cards/LargeBlogLeftCard.astro
@@ -16,11 +16,11 @@ const { post } = Astro.props;
 
 <div class="smooth-reveal flex flex-col px-4 py-10 mx-auto w-full">
   <a
-    class="md:card-base-hidden group items-center md:grid md:grid-cols-2 lg:grid lg:grid-cols-2 gap-8 xl:gap-16 w-full md:px-8 md:py-8"
+    class="md:card-base-hidden group md:grid md:grid-cols-2 lg:grid lg:grid-cols-2 gap-8 xl:gap-16 w-full md:px-8 md:py-8"
     href={`/blog/${post.slug}`}
     data-astro-prefetch
   >
-    <div>
+    <div class="h-full">
       <Image
         class="rounded-2xl rounded-b-none md:rounded-2xl md:shadow-2xl w-full h-full object-cover"
         src={getDirectusImageURL(post.image)}
@@ -30,7 +30,7 @@ const { post } = Astro.props;
         inferSize={true}
       />
     </div>
-    <div class="flex flex-col bg-background-card md:bg-transparent group-hover:bg-neutral-100 md:group-hover:bg-transparent dark:group-hover:bg-neutral-800/90 md:dark:group-hover:bg-transparent rounded-b-2xl transition-all duration-300 p-6 gap-4">
+    <div class="flex flex-col justify-center bg-background-card md:bg-transparent group-hover:bg-neutral-100 md:group-hover:bg-transparent dark:group-hover:bg-neutral-800/90 md:dark:group-hover:bg-transparent rounded-b-2xl transition-all duration-300 p-6 gap-4">
       <h2 class="card-text-header">
         {post.title}
       </h2>
diff --git a/src/components/cards/LargeBlogRightCard.astro b/src/components/cards/LargeBlogRightCard.astro
index 91121af..3fead59 100644
--- a/src/components/cards/LargeBlogRightCard.astro
+++ b/src/components/cards/LargeBlogRightCard.astro
@@ -40,7 +40,7 @@ const { post } = Astro.props;
       </div>
     </div>
     {!post.image_second ? (
-    <div>
+    <div class="h-full">
       <Image
         class="rounded-2xl rounded-b-none md:rounded-2xl md:shadow-2xl w-full h-full sm:max-h-80 md:max-h-90 object-cover"
         src={getDirectusImageURL(post.image)}
@@ -51,7 +51,7 @@ const { post } = Astro.props;
       />
     </div>
     ) : (
-    <>
+    <div class="h-full">
       <div class="md:hidden">
         <Image
           class="rounded-2xl rounded-b-none shadow-2xl w-full h-full sm:max-h-80 object-cover"
@@ -80,7 +80,7 @@ const { post } = Astro.props;
           inferSize={true}
         />
       </div>
-    </>
+    </div>
     )}
   </a>
 </div>