Mobile-first and setting breakpoints in webstudio

Question

I'm curious on people's opinions about mobile-first and setting breakpoints in WebStudio. Coding from scratch, I've tended to code mobile styles first. But given that the CSS is generated by WebStudio, perhaps the pros and cons for mobile or desktop first change. Thoughts?

Oleg Isonen · Answer

webflow is desktop-first, we tried to go mobile-first in the first versions in webstudio and found it less convenient

Oleg Isonen · Answer

so we made it agnostic, you can do either way, but default is desktop-first

Oleg Isonen · Answer

goign mobile first means you have to always start with a narrow screen and then test on all others

Oleg Isonen · Answer

its just less practical in a visual environment

paulrudy · Answer

Thanks, I appreciate that insight! Any comment on the CSS question? Does mobile-first or desktop-first make a difference as far as "how much" CSS WebStudio delivers to mobile browsers?

Oleg Isonen · Answer

no difference

Oleg Isonen · Answer

we are rendering atomic css by default

paulrudy · Answer

Gotcha, thank you!

paulrudy · Answer

@John Siciliano there's our answer

Join the Webstudio community

Mobile-first and setting breakpoints in webstudio