Add more y spacing for lg breakpoint

BuidlGuidl · Feb 22, 2024 · c4017f0 · c4017f0
1 parent 0abcda8
commit c4017f0
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/nextjs/app/_components/HomepageHero.tsx b/packages/nextjs/app/_components/HomepageHero.tsx
@@ -2,7 +2,7 @@ import Image from "next/image";
 import Link from "next/link";
 
 export const HomepageHero = () => (
-  <div className="container max-w-[90%] lg:max-w-7xl m-auto pt-4 pb-8 xl:pl-18 lg:pl-8 flex flex-col-reverse lg:flex-row items-center justify-between gap-5 lg:gap-0">
+  <div className="container max-w-[90%] lg:py-12 xl:py-0 lg:max-w-7xl m-auto pt-4 pb-8 xl:pl-18 lg:pl-8 flex flex-col-reverse lg:flex-row items-center justify-between gap-5 lg:gap-0">
     <div className="space-y-2 lg:max-w-[55%] flex flex-col items-center lg:items-start">
       <div className="relative">
         <h2 className="text-3xl md:text-4xl lg:text-6xl lg:leading-[1.2] text-center lg:text-left font-ppEditorial">