From dece938e6e4dc1e1ee8afc76be1c3e91282100bf Mon Sep 17 00:00:00 2001 From: Adam Soltys Date: Tue, 4 Aug 2026 00:36:08 -0700 Subject: Keep the punks carousel where you left it, and on the page A background repaint rebuilt the strip at scrollLeft 0 mid-swipe; render() now carries scroll positions across the swap the same way it carries focus. The onboarding column also sized itself to the strip's intrinsic width (auto margins defeat flex stretch), overflowing phones below ~450px. Co-Authored-By: Claude Fable 5 --- src/style.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'src/style.css') diff --git a/src/style.css b/src/style.css index 975f490..2b9c969 100644 --- a/src/style.css +++ b/src/style.css @@ -513,7 +513,11 @@ body::after { .anim-tab-right { animation: tab-in-right .26s cubic-bezier(.25, .8, .35, 1) both; } /* ---- onboarding wizard + tour ---- */ -.onb { max-width: 420px; margin: 8vh auto 0; padding: 0 8px; } +/* width:100%, not just max-width: with auto margins the flex item doesn't + stretch, and the punks strip's intrinsic width (12 avatars, ~780px — a + scroll container still reports its full content width) would size the + column to the 420px cap even on narrower phones, overflowing the page. */ +.onb { width: 100%; max-width: 420px; margin: 8vh auto 0; padding: 0 8px; } .onb-title { margin: 0; font-size: 26px; letter-spacing: -0.02em; } .onb-hero { margin-bottom: 8px; } .onb-punks { display: flex; gap: 10px; overflow-x: auto; padding: 6px 2px; } -- cgit v1.2.3