"Mobile-first" gets used as a buzzword often enough that it's worth being specific about what it actually means, and why the order matters.

It's not just "responsive"

A responsive site resizes to fit different screens. Mobile-first design goes a step further — it means the mobile experience is designed first, as the primary experience, with desktop treated as an expansion of it rather than the other way around.

Why the order matters

Designing for desktop first and then shrinking it down to mobile tends to produce cluttered mobile experiences — too many elements competing for a small screen, navigation that doesn't translate, text that's too small to read comfortably. Designing mobile-first forces harder decisions about what actually matters on the page, which usually makes the desktop version better too.

What it affects beyond looks

Mobile-first isn't purely visual. It touches load time (mobile connections are often slower and less reliable), tap target sizing (fingers aren't as precise as a mouse cursor), and navigation patterns (a hamburger menu that works well on mobile might be the wrong choice on desktop).

What this means practically

If you're planning a new site or a redesign, ask to see the mobile experience first, not last. If mobile only gets attention after the desktop design is "done," it's usually the retrofit it looks like.

Given how much traffic most businesses now get from phones, treating mobile as the primary design target — not an afterthought — isn't really optional anymore. It's just where the majority of your actual visitors are.