Fix hero padding in sm (#47)

willymateo · Feb 2, 2025 · bd78413 · bd78413
1 parent 7022ef3
commit bd78413
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/app/[locale]/Sections/Hero.tsx b/src/app/[locale]/Sections/Hero.tsx
@@ -19,7 +19,7 @@ const Hero = () => {
 
   return (
     <section
-      className="px-body min-h-screen flex flex-col items-center justify-center justify-items-center gap-10 sm:grid sm:grid-cols-[5fr_4fr] pt-[49px] lg:pt-[65px] pb-[112px] sm:pb-[76px]"
+      className="px-body min-h-screen flex flex-col items-center justify-center justify-items-center gap-10 sm:grid sm:grid-cols-[5fr_4fr] pb-[112px] sm:pb-[76px] pt-hero-route"
       id={SECTIONS.HERO}
     >
       <MotionDiv

diff --git a/src/app/globals.css b/src/app/globals.css
@@ -11,6 +11,10 @@
     @apply px-10 lg:px-24 2xl:px-40;
   }
 
+  .pt-hero-route {
+    @apply pt-[calc(93px_+_5rem)] sm:pt-[49px] lg:pt-[65px];
+  }
+
   .pt-children-routes {
     @apply pt-[calc(93px_+_5rem)] sm:pt-[calc(49px_+_5rem)] lg:pt-[calc(65px_+_5rem)];
   }