From 29d2b76db9dc00bb4728c44322de3bad97893ef7 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 19 Nov 2025 17:34:32 +0100
Subject: [PATCH] refactor: adjust PodsHow layout spacing and reorder bottom
 border elements

- Added lg:-mt-8 negative margin to left content div for better vertical alignment on large screens
- Reordered bottom border elements: moved full-width border-b before max-w-7xl container
- Added bg-transparent class to max-w-7xl container div
- Added descriptive comment for bottom horizontal line section
---
 src/pages/pods/PodsHow.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/pods/PodsHow.tsx b/src/pages/pods/PodsHow.tsx
index 15ff0b7..c9c8e73 100644
--- a/src/pages/pods/PodsHow.tsx
+++ b/src/pages/pods/PodsHow.tsx
@@ -42,7 +42,7 @@ export function PodsHow() {
           </div>
 
           {/* Left: JUST the H3 with auto-changing sentence */}
-          <div className="w-full lg:w-5/9 text-white flex items-center">
+          <div className="w-full lg:w-5/9 text-white flex items-center lg:-mt-8">
 
             <div>
               <Eyebrow color="accent">How it works</Eyebrow>
@@ -63,8 +63,9 @@ export function PodsHow() {
         </div>
       </div>
 
-      <div className="max-w-7xl mx-auto py-6 border border-t-0 border-b-0 border-gray-800" />
-      <div className="w-full border-b border-gray-800" />
+       {/* ✅ Bottom horizontal line with spacing */}
+      <div className="w-full border-b  border-gray-800" />
+      <div className="max-w-7xl bg-transparent mx-auto py-6 border border-t-0 border-b-0 border-gray-800"></div>
     </section>
   );
 }