ourworld_web/www_projectmycelium_com
22
0
Fork 0
forked from emre/www_projectmycelium_com
Code Issues 2 Pull Requests 1 Projects Releases Activity

refactor: adjust PodsHow layout spacing and reorder bottom border elements

Browse Source 
- 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
This commit is contained in:
sasha-astiadi
2025-11-19 17:34:32 +01:00
parent a0beec808e
commit 29d2b76db9
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/pods/PodsHow.tsx
View File

@@ -42,7 +42,7 @@ export function PodsHow() {
</div> </div>
{/* Left: JUST the H3 with auto-changing sentence */} {/* 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> <div>
<Eyebrow color="accent">How it works</Eyebrow> <Eyebrow color="accent">How it works</Eyebrow>
@@ -63,8 +63,9 @@ export function PodsHow() {
</div> </div>
</div> </div>
<div className="max-w-7xl mx-auto py-6 border border-t-0 border-b-0 border-gray-800" /> {/* ✅ Bottom horizontal line with spacing */}
<div className="w-full border-b border-gray-800" /> <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> </section>
); );
} }