From 62fd0f9b2e8e32fa97a72558620ebac05b17b08f Mon Sep 17 00:00:00 2001
From: JOELNATHAN544 <wankojoelnathan@gmail.com>
Date: Thu, 24 Jul 2025 17:00:39 +0100
Subject: [PATCH] Enhance LinkCard component layout by ensuring consistent
 minimum height for owned and non-owned links

---
 my-link-uploader/src/components/LinkCard.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/my-link-uploader/src/components/LinkCard.tsx b/my-link-uploader/src/components/LinkCard.tsx
index 8af280e..e870f86 100644
--- a/my-link-uploader/src/components/LinkCard.tsx
+++ b/my-link-uploader/src/components/LinkCard.tsx
@@ -94,7 +94,7 @@ const LinkCard: React.FC<LinkCardProps> = ({ link, currentUser, onDelete, onClic
   // Layout for owned links with images
   if (isOwner && hasImage) {
     return (
-      <div className="bg-gray-800 rounded-lg shadow-lg overflow-hidden flex flex-col">
+      <div className="bg-gray-800 rounded-lg shadow-lg overflow-hidden flex flex-col h-full min-h-[350px]">
         <div className="relative aspect-video">
           <img
             src={link.preview!.image}
@@ -165,7 +165,7 @@ const LinkCard: React.FC<LinkCardProps> = ({ link, currentUser, onDelete, onClic
   // Layout for owned links without images
   if (isOwner && !hasImage) {
     return (
-      <div className="bg-gray-800 rounded-lg shadow-lg overflow-hidden flex flex-col">
+      <div className="bg-gray-800 rounded-lg shadow-lg overflow-hidden flex flex-col h-full min-h-[350px]">
         <div className="relative aspect-video flex items-center justify-center bg-gradient-to-br from-purple-600 to-pink-500">
           <LinkIcon size={48} className="text-white" />
         </div>
@@ -222,7 +222,7 @@ const LinkCard: React.FC<LinkCardProps> = ({ link, currentUser, onDelete, onClic
 
   // Layout for links not owned by the user
   return (
-    <div className="bg-gray-800 rounded-lg shadow-lg overflow-hidden flex flex-col">
+    <div className="bg-gray-800 rounded-lg shadow-lg overflow-hidden flex flex-col h-full min-h-[350px]">
       <div className="relative aspect-video">
         {hasImage ? (
           <img