fix: remove extra padding in nav

Author: ringoldsdev

src/pages/test.astro

@@ -47,7 +47,7 @@ import "../styles/global.css";
         </div>
 
 
-        <!-- Red blob with horizontal parallax effect - positioned directly in the header -->'
+        <!-- Red blob with horizontal parallax effect - positioned directly in the header -->
         <div class="absolute top-0 bottom-0 left-0 right-0">
             <div class="max-w-[68rem] mx-auto h-full flex justify-end items-end ">
                 <img src="/images/example.png" class=" select-none h-[67%] sm:h-[87%]" x-bind:style="'transform: translateY(' + scrollPosition * 0.67 + 'px)'"/>
@@ -56,7 +56,7 @@ import "../styles/global.css";
 
         <!-- Navigation Bar with transparent background -->
         <div class="relative z-10 flex justify-center text-white px-8 sm:px-20">
-            <nav class="flex justify-between items-center py-6 w-full max-w-screen-md">
+            <nav class="flex justify-between items-center pt-6 w-full max-w-screen-md">
                 <div class="text-2xl font-bold">LOGO</div>
 
                 <!-- Desktop Navigation -->