diff --git a/src/pages/Events.tsx b/src/pages/Events.tsx index e748f08..2a32ebb 100644 --- a/src/pages/Events.tsx +++ b/src/pages/Events.tsx @@ -8,6 +8,7 @@ import competition3 from "../images/competition3.jpg"; // Components import Event from "../components/global/Event"; +import SectionTitle from "../components/global/SectionTitle"; // Types import { eventProps } from "../types/eventProps"; @@ -91,18 +92,21 @@ const Events = () => { return (
-
- {eventsData.map((evnt) => { - return ( - - ); - })} +
+ +
+ {eventsData.map((evnt) => { + return ( + + ); + })} +
diff --git a/src/styles/_events.scss b/src/styles/_events.scss index d705bb5..2accc1d 100644 --- a/src/styles/_events.scss +++ b/src/styles/_events.scss @@ -1,8 +1,17 @@ .events-page-inner { - padding: 8rem 0; padding-bottom: 16rem; display: grid; grid-template-columns: 1fr 1fr 1fr; column-gap: 7rem; row-gap: 3.2rem; } + +.events-page { + padding-top: 8rem; +} + +.event-page-wrapper { + display: flex; + flex-direction: column; + gap: 4.8rem; +}