From 058704bce39b33e04fb198852cf37778cb771505 Mon Sep 17 00:00:00 2001
From: sonylomo <sonylomo1@gmail.com>
Date: Wed, 15 Nov 2023 12:41:21 +0300
Subject: [PATCH] style: event cards

---
 src/APP/pages/events/sections/eventsSection/Events.jsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/APP/pages/events/sections/eventsSection/Events.jsx b/src/APP/pages/events/sections/eventsSection/Events.jsx
index 9d8e1e3b..dcb587a2 100644
--- a/src/APP/pages/events/sections/eventsSection/Events.jsx
+++ b/src/APP/pages/events/sections/eventsSection/Events.jsx
@@ -42,11 +42,15 @@ function Events({ events, isVertical }) {
                   }}
                 >
                   <Link to={`/events/${id}`} className="cursor-pointer">
-                    <img className="rounded-t-lg w-full" src={poster} alt={name} />
+                    <img
+                      className="rounded-t-lg w-full cover h-56 object-cover "
+                      src={poster}
+                      alt={name}
+                    />
 
                     <div className="p-5 text-[#323433]">
                       <h5 className="mb-2 text-sm font-semibold">{name}</h5>
-                      <p className="mb-3 font-semibold text-xs whitespace-nowrap">
+                      <p className="mb-3 font-medium text-xs whitespace-nowrap">
                         {format(new Date(date), "EEE, MMM d, yyyy")}{" "}
                         {format(
                           parse(start_time, "HH:mm:ss", new Date()),
@@ -57,7 +61,7 @@ function Events({ events, isVertical }) {
                       <p className="mb-3 font-normal text-xs">
                         {location}{" "}
                         {mode.toLowerCase() === "physical" && (
-                          <span> •{city}</span>
+                          <span> • {city}</span>
                         )}
                       </p>
                       <button