pre production fixes 2 🚀

src/components/SingleEvent.jsx

@@ -1,5 +1,6 @@
 import * as React from "react";
 import "../styles/SingleEvent.css"
+import eventsbanner from "../assets/pictures/singleeventsbanner.svg";
 
 export default function SingleEvent({ club }) {
     const expand = () => {
@@ -17,7 +18,7 @@ export default function SingleEvent({ club }) {
         <div className="card clubCard">
             <img
                 className="card-img-top club-img"
-                src="https://i.ibb.co/0hxWDDD/1.jpg"
+                src={eventsbanner}
                 alt={`${club.name} `}
             />
             <div className="card-body text-center">

src/pages/display/EventsPage.jsx

@@ -22,18 +22,32 @@ const EventsPage = () => {
     <>
       <Navbar />
 
-      <div className="eventspageintro_parent d-flex flex-column flex-lg-row justify-lg-content-center">
-        <div className="eventspageintro_imgdiv">
-          <img src={Eventspic} alt="events" />
-        </div>
-        <div className="eventspageintro_textdiv">
-          <h2>Welcome to the events page</h2>
-          <p>
-            All our partnered NGOs , hosts various events be it educational,
-            cleaning mother earth, funding events, health camps and many more !!
-          </p>
-          <p>Join us at the events, and help the community !! </p>
+      {/* <div className="eventspageintro_parent d-flex flex-column flex-lg-row justify-lg-content-center">
+       
+        
+      </div> */}
+
+      <div className="container">
+        <div className="row">
+
+          <div className="col-lg-6 col-md-12 col-sm-12">
+            <div className="eventspageintro_imgdiv">
+              <img src={Eventspic} alt="events" className="eventsbannerimg" />
+            </div>
+          </div>
+          <div className="col-lg-6 col-md-12 col-sm-12">
+            <div className="eventspageintro_textdiv">
+              <h2>Welcome to the events page</h2>
+              <p>
+                All our partnered NGOs , hosts various events be it educational,
+                cleaning mother earth, funding events, health camps and many more !!
+              </p>
+              <p>Join us at the events, and help the community !! </p>
+            </div>
+          </div>
+
         </div>
+
       </div>
 
       <hr className="container" />

src/styles/ClubsPage.css

@@ -103,6 +103,13 @@
 }
 
 @media screen and (max-width: 480px) {
+  .eventsbannerimg {
+    width: 350px !important;
+  }
+
+  .eventspageintro_textdiv {
+    margin-top: 1rem !important;
+  }
   .card-title {
     font-size: 17px;
   }
@@ -139,9 +146,12 @@ body::-webkit-scrollbar-thumb {
   justify-content: center;
 }
 
+.eventspageintro_textdiv {
+  margin-top: 10rem;
+}
 .eventspageintro_textdiv p {
   font-family: "Mulish", sans-serif;
-  width: 100%;
+  /* width: 60%; */
   font-size: 20px;
   margin-top: 20px;
 }