← All clips · Uncategorized

Applying from a phone

PASSING GATE Guest 6 steps · 9.5s · recorded Aug 25, 9:08 PM · eadc380

Viewing an archived run (20260826T040840Z-eadc380). Back to the current run.

Speed

Source: e2e/scenarios/test_wf_applying_from_a_phone.py:1 · run 20260826T040840Z-eadc380 · steps carry start_ms/end_ms offsets into the video

Steps

  1. 390x844 is the design width, not an edge case — it is where the owner reviews.

  2. Five inline `grid-template-columns` used to outrank the media query here, so Instagram and Twitter shared 150px each and the run-of-show slots — the one grid written as auto-fit — were the only ones that behaved.

  3. Headcount min, max and bar minimum were 95px each — three columns forced inline — with a four-line capacity note in one of them. That is the 'not aligned' in the note, exactly.

  4. It was 179px — 21% of the screen — and covered 14 elements of the table above it. It keeps the submit button, the error line, and the one read-out that changes as you type; the other two moved up beside their own inputs.

  5. `position: fixed` was rejected: it trades an overlap you can scroll past for one you cannot. Sticky is right, and the form reserves the bar's height so nothing ends up behind it.

  6. Two- and three-column rows, the tier table, a strip-height bar. This was a phone-width regression, not a redesign — desktop must be untouched, and it got shorter rather than different.

Notes

Sign in to leave a timestamped review note. Notes land in the same review backlog as in-page annotations.

  1. No notes on this clip yet.
Run history (6)