ok

src/components/Experiences.jsx

@@ -3,7 +3,7 @@ import { H2, P , PS, PXS, H3, H4 } from "@/components/text";
 
 export function Experiences() {
   return (
-    <div className="bg-transparent  pb-12">
+    <div className="bg-transparent pb-4">
       <div className="mx-auto max-w-2xl px-6 lg:max-w-7xl lg:px-8">
         <div className=" grid grid-cols-1 gap-4 lg:grid-cols-8 lg:grid-rows-2">
           <div className="flex lg:col-span-5">
@@ -13,7 +13,7 @@ export function Experiences() {
                 src="/images/community.jpg"
                 className="h-80 w-full object-cover object-center"
               />
-              <div className="py-4">
+              <div className="py-2">
                 <H4>Community building Space</H4>
                 <PXS>Foster connections and meaningful relationships through shared experiences.</PXS>
               </div>