From 452d8a52e74f2e459f7802af92374572534ce4b0 Mon Sep 17 00:00:00 2001
From: DevilsAutumn <bhuvnesh875@gmail.com>
Date: Sun, 19 Jan 2025 00:44:30 +0530
Subject: [PATCH] Fixed events card to fit images better

---
 frontend/src/containers/Event/Event.tsx          | 2 +-
 frontend/src/sections/EventSection/EventCard.tsx | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/containers/Event/Event.tsx b/frontend/src/containers/Event/Event.tsx
index a85b0d86..e5ae7972 100644
--- a/frontend/src/containers/Event/Event.tsx
+++ b/frontend/src/containers/Event/Event.tsx
@@ -71,7 +71,7 @@ const EventContainer = async ({
   return (
     <div>
       <div className='container'>
-        <div className='relative mx-auto my-12 h-96 w-full overflow-hidden rounded-2xl shadow-xl'>
+        <div className='relative mx-auto my-12 h-[60vh] w-full overflow-hidden rounded-2xl shadow-xl'>
           <Image
             src={cover_image ?? event1}
             alt={name}
diff --git a/frontend/src/sections/EventSection/EventCard.tsx b/frontend/src/sections/EventSection/EventCard.tsx
index 34354c3d..3d960ca5 100644
--- a/frontend/src/sections/EventSection/EventCard.tsx
+++ b/frontend/src/sections/EventSection/EventCard.tsx
@@ -51,7 +51,8 @@ const EventCard: React.FC<EventProps> = ({
           className='rounded-t-lg'
           style={{
             maxWidth: '100%',
-            height: 'auto',
+            height: '100%',
+            objectFit: 'cover',
           }}
         />
       </div>