Update Responsive and Contact Us page and function

src/pages/Events.js

@@ -64,7 +64,7 @@ const Events = () => {
             <p className="text-[#664fa3]" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>Loading events...</p>
           </div>
         ) : events.length > 0 ? (
-          <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6 sm:gap-8">
             {events.map((event) => (
               <Link to={`/events/${event.id}`} key={event.id}>
                 <Card