Range the application against the rail instead of centring it

Featurekamo-apps
Shipped
September 6, 2026 at 1:31 AM UTC
Author
Kamo
Commit
12bd07e

The form column's content was centred in its half, which left a wide margin on both sides and no relationship between the questions and the rail that numbers them. It is now ranged against the rail from `lg` up, held off it by a gap, with the slack falling on the outside edge where nothing needs it. `lg` rather than `md` because that is where flex-row puts the rail beside this column at all. Below it the rail becomes the bar across the top, there is no column to range against, and a left-ranged form would leave the right half of a phone empty — so the stacked layout keeps its centring untouched. Logical properties rather than left and right. Arabic is one of the twenty-two locales, flex-row puts the rail on the right there, and the gap has to follow it; `ps` is the side facing the rail whichever way the page runs. Measured: at 1440 the heading starts 96px from the column's edge with 135px of slack after the form, at 1024 it starts 80px, and at 820 and 390 nothing changes — both still report a single column. Arabic at 1440 mirrors cleanly: the column moves to the left of the pane, the rail to the right, and the same 96px gap is measured from the right edge.

All changes

Like what you see shipping?

Every one of these updates lands in your workspace automatically. Start free and watch it grow week after week.

Start Free ForeverView Pricing