From 53dfe3beb41c1849c877924ce42312f8ad6e018d Mon Sep 17 00:00:00 2001
From: andres <andres99.dev@gmail.com>
Date: Sun, 21 Apr 2024 01:35:57 +0200
Subject: [PATCH] fix: make all cards in a line the same height

---
 src/components/podcast-preview-card.tsx | 2 +-
 src/pages/home.tsx                      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/podcast-preview-card.tsx b/src/components/podcast-preview-card.tsx
index 1e2929a..60ec7b8 100644
--- a/src/components/podcast-preview-card.tsx
+++ b/src/components/podcast-preview-card.tsx
@@ -15,7 +15,7 @@ export function PodcastPreviewCard({
 }: Props) {
   return (
     <Link to={detailUrl} className={"w-full"}>
-      <div className={"relative mt-12 p-3 pt-12 shadow-md"}>
+      <div className={"relative -mb-12 mt-12 h-full p-3 pt-12 shadow-md"}>
         <img
           src={imageUrl}
           alt={title}
diff --git a/src/pages/home.tsx b/src/pages/home.tsx
index 2a0e923..b455689 100644
--- a/src/pages/home.tsx
+++ b/src/pages/home.tsx
@@ -36,7 +36,7 @@ export function Home() {
           className={"w-1/3 rounded-md border border-gray-300 p-2"}
         />
       </div>
-      <div className={"grid grid-cols-4 gap-x-6 gap-y-14"}>
+      <div className={"grid grid-cols-4 gap-x-6 gap-y-24"}>
         {filteredData?.map((podcast) => (
           <PodcastPreviewCard
             detailUrl={`/podcast/${podcast.id}`}