fix: Adjusted line height (#5286)

* fix: Adjusted line height

* Adjusted bottom margin

---------

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>

src/components/HeroSection/HeroSection.astro

@@ -10,12 +10,12 @@ import { AIAnnouncement } from "../AIAnnouncement";
     class='container px-5 py-6 pb-14 text-left transition-opacity duration-300 sm:px-0 sm:py-20 sm:text-center'
     id='hero-text'
   >
-    <p class='-mt-4 mb-7 sm:-mt-10'>
+    <p class='-mt-4 mb-7 sm:-mt-10 sm:mb-4'>
       <AIAnnouncement />
     </p>
 
     <h1
-      class='mb-2 bg-gradient-to-b from-amber-50 to-purple-500 bg-clip-text text-2xl font-bold text-transparent sm:mb-4 sm:text-5xl'
+      class='mb-2 bg-gradient-to-b from-amber-50 to-purple-500 bg-clip-text text-2xl font-bold text-transparent sm:mb-4 sm:text-5xl sm:leading-tight'
     >
       Developer Roadmaps
     </h1>