fix: ui component updates and project formatting

components/blocks/JobListingBlock.tsx

@@ -71,13 +71,13 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
     <div className="py-12 md:py-24">
       <div className="container mx-auto">
         {showFairs && (
-          <div className="mb-24 relative">
+          <div className="mb-12 md:mb-24 relative">
             <motion.h3 
               initial={{ opacity: 0, x: -20 }}
               whileInView={{ opacity: 1, x: 0 }}
               viewport={{ once: true, margin: "-100px" }}
               transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] as const }}
-              className="font-heading font-extrabold text-4xl text-neutral-dark mb-12 flex items-center gap-4"
+              className="font-heading font-extrabold text-3xl md:text-4xl text-neutral-dark mb-8 md:mb-12 flex items-center gap-4"
             >
               <span className="w-12 h-1.5 bg-primary rounded-full" />
               {fairsTitle}
@@ -182,7 +182,7 @@ export const JobListingBlock = (props: JobListingBlockProps) => {
               whileInView={{ opacity: 1, x: 0 }}
               viewport={{ once: true, margin: "-100px" }}
               transition={{ duration: 0.8, ease: [0.16, 1, 0.3, 1] as const }}
-              className="font-heading font-extrabold text-4xl text-neutral-dark mb-8"
+              className="font-heading font-extrabold text-3xl md:text-4xl text-neutral-dark mb-6 md:mb-8"
             >
               {title}
             </motion.h2>