style: adjust header padding for improved layout on Hero component

zen-browser · Dec 11, 2024 · d69ac06 · d69ac06
1 parent cd15194
commit d69ac06
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
@@ -9,7 +9,7 @@ import { ArrowRight } from 'lucide-astro'
 
 <header
   id="header"
-  class="flex h-screen w-full flex-col items-center gap-24 text-center gap-[20%] lg:gap-[15%]"
+  class="flex py-56 min-h-screen w-full flex-col items-center gap-24 text-center gap-[20%] lg:gap-[15%]"
 >
   <div class="flex flex-col items-center h-full justify-center">
     <Title class='text-left px-12 lg:px-0 lg:text-center leading-[108px] !text-9xl !font-normal'>Welcome to<br class="hidden md:block" /> a <span class="italic">calmer</span> internet</Title>