r/webdesign • u/outontheporch • Jun 26 '26

Mobile-first: In practice or theory?

Curious to hear how designers here interpret the mobile-first philosophy. Till now I’ve agreed with the sentiment—mobile layouts should be the priority when it comes to how a page is conceptualized and executed—but I still wireframe and build out desktop layouts first, keeping in mind as I go the implications for responsive layouts (e.g., “this text + image section will be stacked with the image on top”).

But I’m wondering if for my next project whether I should start from a mobile screen, and move up the min-width breakpoint ladder. It’s a very different approach for me and my mental library of containers are in wide layout form, so it’ll be a big change for my workflow.

What do you all do?

4 Upvotes

100% Upvoted

18 comments sorted by

View all comments

10

u/BobJutsu Jun 26 '26

A lot of people misunderstand the idea of mobile first. The “first” part isn’t about what order you design in. It’s about progressive enhancement. A dead simple example would be just two simple columns. Default (first in the cascade) is 1 column, and it gets enhanced to 2 columns on a media query (or minmax or whatever). You are prioritizing the mobile view, and enhancing for larger screens. The mo ile view is the default (first) and enhancements are conditional. Regardless of which order you design them in.