[juliojimenez]

What / why

Below ~700px the landing page scrolled horizontally. The outermost offender was the Get started code pane: it is a flex item of the click-ui Panel (column, align-items: center), and a flex item's default min-width: auto lets the white-space: pre code force it to its content width (686px), which widened the whole document regardless of viewport.

.get-started-panel .codewrap now has width: 100%; min-width: 0 alongside the existing 860px cap, so the pane shrinks with the panel and the CodeBlock's own overflow-x: auto scrolls the long curl lines internally. Desktop is unchanged (862px pane, centered).

Measured in headless Chrome on the production build: document width equals the viewport at 375, 414 and 700px (was 743px at all three). At 320px the page is still 360px wide because of the header's "Get started" button; that is a separate header-layout issue and is not touched here.

Checklist

• make test and make smoke pass
• README.md and site/ updated if behavior or docs changed (samples in site/src/samples.ts stay verbatim)
• Tests added/updated for compiler, rules, or UDF changes (n/a: one CSS rule)
• Code stays portable to ECL 21.2.1 (no Lisp changes)

🤖 Generated with Claude Code