fix: fixed spacing in navbar and footer (#361)

Signed-off-by: Harshil <harshilgupta.2005@gmail.com>

Author: hars-21

layouts/_partials/footer.html

@@ -5,7 +5,7 @@
       class="max-w-6xl mx-auto grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-10 pb-10 border-b border-b-zinc-200">
 
       <!-- Learn -->
-      <div>
+      <div class="px-4">
         <h3 class="text-3xl font-semibold mb-0">Learn</h3>
         <div class="space-y-2 text-base text-red-500">
           <div><a href="/docs" class="hover:text-red-700 transition">Documentation</a></div>
@@ -16,7 +16,7 @@ <h3 class="text-3xl font-semibold mb-0">Learn</h3>
       </div>
 
       <!-- Community -->
-      <div>
+      <div class="px-4">
         <h3 class="text-3xl font-semibold mb-0">Community</h3>
         <div class="space-y-2 text-base text-red-500">
           <div><a href="/blog" class="hover:text-red-700 transition">Blog</a></div>
@@ -27,7 +27,7 @@ <h3 class="text-3xl font-semibold mb-0">Community</h3>
       </div>
 
       <!-- Logo + Social -->
-      <div class="flex flex-col items-center">
+      <div class="flex flex-col items-center px-4">
         <a href="https://cloudnative-pg.io/">
           <img src="/logo/large_logo.svg" alt="CloudNativePG Logo" class="mb-2">
         </a>

layouts/_partials/nav.html

@@ -19,8 +19,8 @@
         <a href="/"><img src="/logo/large_logo.svg" class="h-14" alt="Cloud Native Postgres Logo"></a>
       </div>
 
-      <div class="hidden md:block">
-        <ul class="md:flex gap-14 text-2xl medium-gray my-5 pb-0">
+      <div class="hidden md:block px-4">
+        <ul class="md:flex gap-10 text-2xl medium-gray my-5 pb-0">
           <li><a href="/blog">Blog</a></li>
           <li><a href="/tags/tutorial">Tutorials</a></li>
           <li><a href="/releases">Releases</a></li>
@@ -71,4 +71,4 @@
   toggleButton.addEventListener('click', () => {
     naviList.classList.toggle('hidden');
   })
-</script>
+</script>