reponsive landing page

Author: thinhphoenix

src/components/faq-section.astro

@@ -3,7 +3,7 @@
 
 <section id="faq" class="py-16 px-4 sm:px-6">
   <div class="max-w-2xl mx-auto">
-    <h2 class="text-2xl font-semibold mb-8 text-left">FAQ</h2>
+    <h2 class="font-semibold mb-8 text-left">FAQ</h2>
 
     <div class="space-y-2">
       <div class="faq-item border-b border-white/10">

src/components/features-section.astro

@@ -3,7 +3,7 @@
 
 <section id="features" class="py-16 px-4 sm:px-6">
   <div class="max-w-2xl mx-auto">
-    <h2 class="text-2xl font-semibold mb-8 text-left">What you get</h2>
+    <h2 class="font-semibold mb-8 text-left">What you get</h2>
 
     <div class="space-y-4 text-gray-300">
       <p>[*] <strong class="text-white">Fast Deployments</strong> Deploy in under 2 minutes from push to live</p>

src/components/github-star-button.astro

@@ -12,9 +12,9 @@
         fill="#fff"
       ></path>
     </svg>
-    <span class="ml-1 text-white lg:inline">Star on GitHub</span>
+    <span class="ml-1 text-white hidden lg:inline">Star on GitHub</span>
   </div>
-  <div class="ml-1.5 flex items-center gap-0.5 text-xs md:flex">
+  <div class="ml-1.5 flex items-center gap-0.5 text-xs">
     <svg
       class="size-3.5 text-gray-500 transition-all duration-200 group-hover:text-yellow-300"
       data-slot="icon"