From ddf8da46d13ea62ebb7f24aaa964c6106553e844 Mon Sep 17 00:00:00 2001
From: Ninad-S <144244166+Ninad-S@users.noreply.github.com>
Date: Tue, 22 Oct 2024 19:11:53 -0500
Subject: [PATCH] Changed the event card to take up the full space of the
 screen

---
 src/components/events/EventCard.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/events/EventCard.tsx b/src/components/events/EventCard.tsx
index 1eb41bc5..9b68a8c1 100644
--- a/src/components/events/EventCard.tsx
+++ b/src/components/events/EventCard.tsx
@@ -23,8 +23,8 @@ const HorizontalCard = async ({
 }) => {
   const session = await getServerAuthSession();
   return (
-    <div className="container flex h-40 flex-row overflow-hidden rounded-lg bg-white shadow-sm transition-shadow hover:shadow-lg">
-      <div className="relative h-[160px] w-1/3 max-w-[225px]">
+    <div className="container flex w-full h-auto flex-row overflow-hidden rounded-lg bg-white shadow-sm transition-shadow hover:shadow-lg">
+      <div className="relative h-[160px] w-1/3 max-w-[300px]">
         <div className="h-[160px]">
           <Image
             fill
@@ -78,6 +78,7 @@ const HorizontalCard = async ({
     </div>
   );
 };
+
 const VerticalCard = async ({
   event,
 }: {