From 4c5b0a32de87cd9e27d0d829e7ad515d2cdf479e Mon Sep 17 00:00:00 2001
From: "Builder.io" <builder-bot@builder.io>
Date: Sun, 19 Oct 2025 02:15:13 +0000
Subject: [PATCH] Improve responsive grid: use lg for 4 columns to avoid
 cramped layout in half-width container

cgen-af9f7a4b8a0341de835fad3d88898c20
---
 client/components/roadmap/Timeline.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/components/roadmap/Timeline.tsx b/client/components/roadmap/Timeline.tsx
index 5b674eda..c3592a1c 100644
--- a/client/components/roadmap/Timeline.tsx
+++ b/client/components/roadmap/Timeline.tsx
@@ -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 */}