fix: make all cards in a line the same height

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}

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}`}