Join the Webstudio community

Updated 3 months ago

Mobile-first and setting breakpoints in webstudio

At a glance

The community members are discussing the pros and cons of mobile-first vs. desktop-first approaches when using WebStudio. Some community members share that WebStudio was initially mobile-first but found it less convenient, so they made it agnostic, allowing either approach but with desktop-first as the default. They note that going mobile-first requires always starting with a narrow screen and testing on all others, which is less practical in a visual environment like WebStudio.

Regarding the CSS question, the community members confirm that mobile-first or desktop-first does not make a difference in the amount of CSS WebStudio delivers to mobile browsers, as they are rendering atomic CSS by default.

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?
O
p
9 comments
webflow is desktop-first, we tried to go mobile-first in the first versions in webstudio and found it less convenient
so we made it agnostic, you can do either way, but default is desktop-first
goign mobile first means you have to always start with a narrow screen and then test on all others
its just less practical in a visual environment
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?
we are rendering atomic css by default
Gotcha, thank you!
@John Siciliano there's our answer
Add a reply
Sign up and join the conversation on Discord