Most Framer sites that feel broken on mobile fail for the same reason: the desktop layout was built first and squeezed down later.
What works is the reverse. I set the phone breakpoint early, get the stack, spacing, and tap targets right there, then let the layout breathe up to tablet and desktop. Mobile is where most of the traffic reads, so it should be the source of truth, not an afterthought.
Three quick checks before I call a page done:
Text never smaller than 16px on the phone frame.
Every button and link at least 44px tall for the thumb.
No fixed heights on sections that hold text, or long copy clips the moment someone edits a word.
Build the phone first and the desktop almost designs itself.
Most Framer sites that feel broken on mobile fail for the same reason: the desktop layout was built first and squeezed down later.
What works is the reverse. I set the phone breakpoint early, get the stack, spacing, and tap targets right there, then let the layout breathe up to tablet and desktop. Mobile is where most of the traffic reads, so it should be the source of truth, not an afterthought.
Three quick checks before I call a page done:
Text never smaller than 16px on the phone frame.
Every button and link at least 44px tall for the thumb.
No fixed heights on sections that hold text, or long copy clips the moment someone edits a word.
Build the phone first and the desktop almost designs itself.
