Row / Col
A 24-unit span grid for rows whose columns are not all the same width.
Crew interviews
Six interviews booked across the northern depot. Priya is drafting the discussion guide.
Tue 28 Oct, 10:00
Depot shift lead
Wed 29 Oct, 14:30
Ferry crew
Interviewers
12
12
8
8
8
12
xs
xs
xs
lg
lg
lg
In context
Harbour rebrand
+3 this week
of £12,000
Maya Chen
3 today
Draft launch checklist
Research
PNIcon audit
Design
MCHarbour homepage
Design
MCMaya Chen
Design
Jonas Weber
Engineering
Priya Nair
Research
Leo Santos
Operations
Next: Harbour launch, 24 Oct
Props
| Prop | Type | Required | Default |
|---|---|---|---|
gutter | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined | No | md |
Col props
| Prop | Type | Required | Default |
|---|---|---|---|
span | number | undefined | No | 24 |
offset | number | undefined | No | 0 |
Row and Col, or Grid
A fixed 24-unit span grid: Row sets the track, Col claims a span and an optional offset. Reach for Grid for uniform tiles; reach for Row/Col when regions of one row need different widths (16/8, 6/12/6).
data-rebar-* attributes
data-rebar-component="row" on the root; data-rebar-component="col" on each column.
Migrating to Ant Design
AntD's Row/Col use this exact 24-unit span system: a near 1:1 codemod target, not yet covered.