DEV Community

Discussion on: 7 design principles for developers

koas profile image

Hi, thanks for the article! I'm a bit confused about the third point:

Using min-width ensures that mobile styles get loaded without desktop styles mixed in.

Wouldn't that mean that the desktop styles would have the mobile styles mixed? Why is better for SEO to start from mobile and going up than the other way around?

Thanks! :)

rylandking profile image
Ryland @ Stackbit Author

It has to do with with pagespeed. If you have content jumping around on a mobile screen as your max-width media queries load in, it could affect the score...

But tbh, it would have to be a massive file with all the media queries at the end for such a thing to be noticeable (or if the mobile-only CSS is loaded after page load).