From d86a3609dec2bc9267a5205ca636cf381f7332e8 Mon Sep 17 00:00:00 2001
From: Harshil <harshilgupta.2005@gmail.com>
Date: Thu, 4 Sep 2025 18:11:24 +0530
Subject: [PATCH 1/2] fixed spacing in nav and footer

Signed-off-by: Harshil <harshilgupta.2005@gmail.com>
---
 layouts/_partials/footer.html |  6 +++---
 layouts/_partials/nav.html    | 10 +++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/layouts/_partials/footer.html b/layouts/_partials/footer.html
index d9db273d..c75afaeb 100644
--- a/layouts/_partials/footer.html
+++ b/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>
diff --git a/layouts/_partials/nav.html b/layouts/_partials/nav.html
index 73139090..8c13f7ff 100644
--- a/layouts/_partials/nav.html
+++ b/layouts/_partials/nav.html
@@ -1,7 +1,7 @@
 <!--Navbar starts here-->
 <nav>
   <header>
-    <div class="md:flex md:flex-row md:px-16 md:justify-between py-5 items-center">
+    <div class="md:flex md:flex-row md:px-12 xl:px-16 md:justify-between py-5 items-center">
       <div class="flex justify-between px-4 md:hidden">
         <div>
           {{ $image := resources.Get "logo/large_logo.svg" }}
@@ -14,13 +14,13 @@
           </svg>
         </div>
       </div>
-      <div class="md:block hidden">
+      <div class="hidden md:block">
         {{ $image := resources.Get "logo/large_logo.svg" }}
-        <a href="/"><img src="/logo/large_logo.svg" class="h-14" alt="Cloud Native Postgres Logo"></a>
+        <a href="/"><img src="/logo/large_logo.svg" class="md:h-10 xl: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">
+        <ul class="md:flex md:gap-4 xl:gap-8 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>
@@ -56,7 +56,7 @@
       </div>
       <!--For hamburger click -->
 
-      <div class="my-4 hidden md:flex">
+      <div class="hidden md:block">
         <a class="github-button" href="https://github.com/cloudnative-pg/cloudnative-pg"
           data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" data-show-count="true"
           aria-label="Star cloudnative-pg/cloudnative-pg on GitHub">Star</a>

From 15129ed1858697459c26bad9bf4626ef74e1c3f7 Mon Sep 17 00:00:00 2001
From: Harshil <harshilgupta.2005@gmail.com>
Date: Wed, 10 Sep 2025 22:42:27 +0530
Subject: [PATCH 2/2] navbar collision fixed

Signed-off-by: Harshil <harshilgupta.2005@gmail.com>
---
 layouts/_partials/nav.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/layouts/_partials/nav.html b/layouts/_partials/nav.html
index 8c13f7ff..8fce923e 100644
--- a/layouts/_partials/nav.html
+++ b/layouts/_partials/nav.html
@@ -1,7 +1,7 @@
 <!--Navbar starts here-->
 <nav>
   <header>
-    <div class="md:flex md:flex-row md:px-12 xl:px-16 md:justify-between py-5 items-center">
+    <div class="md:flex md:flex-row md:px-16 md:justify-between py-5 items-center">
       <div class="flex justify-between px-4 md:hidden">
         <div>
           {{ $image := resources.Get "logo/large_logo.svg" }}
@@ -14,13 +14,13 @@
           </svg>
         </div>
       </div>
-      <div class="hidden md:block">
+      <div class="md:block hidden">
         {{ $image := resources.Get "logo/large_logo.svg" }}
-        <a href="/"><img src="/logo/large_logo.svg" class="md:h-10 xl:h-14" alt="Cloud Native Postgres Logo"></a>
+        <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 md:gap-4 xl:gap-8 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>
@@ -56,7 +56,7 @@
       </div>
       <!--For hamburger click -->
 
-      <div class="hidden md:block">
+      <div class="my-4 hidden md:flex">
         <a class="github-button" href="https://github.com/cloudnative-pg/cloudnative-pg"
           data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" data-show-count="true"
           aria-label="Star cloudnative-pg/cloudnative-pg on GitHub">Star</a>
@@ -71,4 +71,4 @@
   toggleButton.addEventListener('click', () => {
     naviList.classList.toggle('hidden');
   })
-</script>
+</script>
\ No newline at end of file