Applying from a phone

Steps

1. 1 Guest Open the application on a phone 0:01 ▣

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

2. 2 Guest Every row is one field wide 0:03 ▣

   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. 3 Guest Reach the financial estimates 0:04 ▣

   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. 4 Guest The submit bar is a strip, not a panel 0:05 ▣

   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. 5 Guest Scroll to the bottom — nothing is stranded 0:06 ▣

   `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. 6 Guest The same form on a desktop 0:07 ▣

   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

Add note

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)

• 20260830T213753Z-3499cea — passed · 3499cea
• 20260830T182943Z-77584d6 — passed · 77584d6
• 20260830T180141Z-bd2e5e8 — passed · bd2e5e8
• 20260830T175029Z-7720b19 — passed · 7720b19
• 20260830T170209Z-b690bff — passed · b690bff
• 20260826T040840Z-eadc380 — passed · eadc380