Skip to content

Commit 0037d84

Browse files
jlynshueclaude
andcommitted
site: fix mobile horizontal overflow in process/roadmap section
The "diagnostic sprint" week-cards used a fixed repeat(3, 1fr) grid that didn't collapse on narrow viewports, pushing page width to 553px on a 390px phone (horizontal scroll). Switched to the responsive repeat(auto-fit, minmax(220px, 1fr)) pattern already used elsewhere in this file. Verified: mobile docWidth now equals viewport (390=390). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_017zfynhEadteeMKwYFAq4V8
1 parent 089d9ee commit 0037d84

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

src/pages/Redesign.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -308,7 +308,7 @@ const Redesign = () => {
308308
<div
309309
style={{
310310
display: "grid",
311-
gridTemplateColumns: "repeat(3, 1fr)",
311+
gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))",
312312
gap: "var(--s-5)",
313313
}}
314314
>

0 commit comments

Comments
 (0)