DEV Community

Discussion on: Building a responsive website? Start with mobile first!

Collapse
 
savvasstephnds profile image
Savvas Stephanides

I tend to start with the desktop because I'm designing it on a desktop so its easier to see the full design

I see what you mean, Andrew, and you're right. You work on the desktop, you check your designs on the desktop. It makes sense that your instinct is to go for desktop first.

What's helped me is either open the page on my phone (if it's on the same network as my laptop) or open "mobile view" on Chrome Devtools.

When you design for mobile you sometimes have to remove content or features that would not work on a mobile device.

That's why I start with mobile first. Mobile sites tend to be more stripped down and basic, so it helps to do those first and progressively enhance for larger screen sizes and devices.

However you are correct we use mobile phones a lot these days so it's natural to go mobile first. I might just do that in my next personal project.

I promise you, you won't look back.

It's quite different in a work environment though all of my recent work projects were designed for desktop first.

Yeah I get what you mean. Maybe for future features, try mobile first? It's not easy I know.