ourworld_web/www_mycelium_cloud2
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: adjust spacing and responsive layout for stack section and cubes

Browse Source
This commit is contained in:
sasha-astiadi
2025-09-19 00:27:35 +02:00
parent 2b5c502724
commit a035500c34
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/StackSection.tsx
View File

@@ -7,7 +7,7 @@ import { FadeIn } from "./FadeIn";
export function StackSectionPreview() {
return (
<section className="w-full bg-transparent lg:px-0 py-24 px-6 relative">
<section className="w-full bg-transparent lg:px-0 py-12 lg:py-24 px-6 relative">
<div className="mx-auto max-w-7xl">
<div className="grid grid-cols-1 lg:grid-cols-3 gap-4 lg:gap-16 items-center lg:items-start">
{/* Left Column - Text (1/3 width) */}
@@ -25,7 +25,7 @@ export function StackSectionPreview() {
</FadeIn>
</div>
{/* Right Column - Stacked Cubes (2/3 width) */}
<div className="lg:col-span-2 flex items-center justify-center lg:justify-start order-2 lg:order-2">
<div className="lg:col-span-2 flex items-center justify-center lg:justify-start order-2 lg:order-2 mt-8 lg:mt-0">
<FadeIn>
<StackedCubes />
</FadeIn>