AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve responsive grid: use lg for 4 columns to avoid cramped layout in half-width container

Browse source 
cgen-af9f7a4b8a0341de835fad3d88898c20
This commit is contained in:
Builder.io 2025-10-19 02:15:13 +00:00
parent c24878c93b
commit 4c5b0a32de
1 changed files with 1 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/components/roadmap/Timeline.tsx
View file

@ -96,7 +96,7 @@ export default function Timeline({
<div ref={containerRef} className="mt-4 overflow-x-auto">
<div className="w-full relative">
<div className="absolute left-0 right-0 top-8 h-0.5 bg-border/50" />
<div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-4 gap-6">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6">
{phases.map((p, idx) => (
<div key={p} data-phase={p} className="col-span-1">
{/* Phase header */}