Mobile First Was Never About Screen Size

The phrase has aged into a layout instruction. Draw the narrow one first, then let it grow. That is the least interesting thing it ever meant.

Designing for a small screen forces a sequence of decisions that a large screen lets you avoid indefinitely. The constraint is not the width. It is that you cannot put two things side by side and pretend you have decided which one comes first.

Narrow screens make you rank

On a wide layout, a sidebar is a place to put anything you have not decided about. Three columns can hold three ideas of equal weight, forever, and nobody has to say which one the visitor should read.

Collapse it to one column and that ambiguity becomes a literal, ordered list. Something is first. Something is last. The argument you were avoiding now has to happen, and the page is better for it having happened.

The other constraints are the real ones

Width is the constraint people design for. It is rarely the one that decides whether the thing works.

• One hand, one thumb. The comfortable zone is the bottom two-thirds. A primary action pinned to the top right is a design that has never been used walking.
• Interruption. Phone sessions end without warning. Anything longer than a screen needs to survive the reader coming back in four hours, or four days.
• Uncertain light and motion. Contrast that passes in a quiet room fails on a bus in the sun.
• Expensive, unreliable bytes. The heavy hero that is merely slow on a desktop is a blank rectangle on a train.

None of those are solved by a breakpoint.

If a feature only makes sense when the user is seated, undistracted, and on good wifi, that is not a mobile problem. It is a scope problem wearing a disguise.

Test on the real thing, early

An emulator tells you about the layout. It tells you nothing about whether the tap target is reachable, whether the contrast holds outdoors, or whether the form is survivable with a thumb and a bad keyboard.

We put every feature on a real, unremarkable, mid-range phone before the design is signed off. Not the newest one in the office. The ordinary one.

Then let it grow deliberately

The reward for doing the narrow version honestly is that the wide version is easy. You already know the order, the priority, and what can be dropped.

Widening is then a question of what to give more room to, which is a pleasant problem, rather than what to hide, which is the problem you get when you go the other way.