upd

client/src/components/ExampleCard.tsx

@@ -8,7 +8,7 @@ interface ExampleCardProps {
 
 function ExampleCard({ title, company, image }: ExampleCardProps) {
   return (
-    <div className="mb-16 flex flex-col gap-4">
+    <div className="flex flex-col gap-4 xl:mb-16 sm:mb-10 mb-8">
       <motion.div
         initial={{ opacity: 0, translateY: 64 }}
         whileInView={{ opacity: 1, translateY: 0 }}
@@ -24,8 +24,8 @@ function ExampleCard({ title, company, image }: ExampleCardProps) {
         transition={{ duration: 1, ease: [0.58, 0.12, 0.27, 0.98], delay: 0.2 }}
         className="flex flex-col gap-1"
       >
-        <p className="font-medium text-xl font-gilroy">{title}</p>
-        <p className="text-sm">{company}</p>
+        <p className="font-medium xl:text-xl text-base font-gilroy">{title}</p>
+        <p className="xl:text-sm text-xs">{company}</p>
       </motion.div>
     </div>
   );