diff --git a/app/(default)/community/page.tsx b/app/(default)/community/page.tsx
new file mode 100644
index 0000000..0439cae
--- /dev/null
+++ b/app/(default)/community/page.tsx
@@ -0,0 +1,15 @@
+// page.tsx
+"use client";
+
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+
+export default function Page() {
+  const router = useRouter();
+
+  useEffect(() => {
+    window.location.href = "https://chat.whatsapp.com/IvpDqELtAfW5S2WElLgnlJ";
+  }, []);
+
+  return null; // No need to render anything as it will redirect immediately
+}
diff --git a/app/(default)/myevents/page.tsx b/app/(default)/myevents/page.tsx
index 8ac5d84..ed5f9b2 100644
--- a/app/(default)/myevents/page.tsx
+++ b/app/(default)/myevents/page.tsx
@@ -183,7 +183,7 @@ const EventsPage = () => {
       {/* Past Events */}
       <h2 className="text-3xl font-bold mb-8 mt-16 ml-4 text-center">Past Events</h2>
       {pastEvents.length > 0 ? (
-        <div className="flex justify-around">
+        <div className="sm:flex justify-around">
           {pastEvents.map((event) => (
             <EventCard
               key={event.id}
diff --git a/components/EventCard.tsx b/components/EventCard.tsx
index 0107d06..29921b5 100644
--- a/components/EventCard.tsx
+++ b/components/EventCard.tsx
@@ -40,7 +40,7 @@ const EventCard: React.FC<EventCardProps> = ({
 
   return (
     <div
-      className="relative bg-gray-900 shadow-lg rounded-xl overflow-hidden transform transition duration-300 hover:scale-105 hover:shadow-xl cursor-pointer w-1/4"
+      className="relative bg-gray-900 shadow-lg rounded-xl overflow-hidden transform transition duration-300 hover:scale-105 hover:shadow-xl cursor-pointer w-full mb-4 sm:w-1/3 sm:mb-0 md:w-3/12"
       onClick={() => onSelect(event)}
     >
       {/* Event Date Badge */}