Why "Mobile First"?

APD Toronto
APD Toronto used Ask the Experts™
on
Hi Experts,

I took a CSS course, and was thought that when designing a website with @media breakpoints, start from the smallest (mobile) and work up to tablet, desktop, etc... Is there a specific reason for this?

Personally, I'd prefer the opposite - laying out all my elements on my desktop, then work down to tablet, then finally mobile?

Any feedback will be appreciated.
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
Mobile screens are the ones that will display the least (and smallest content).

You get it right on mobile and then add extra for desktop.

This is thought to be better than designing for desktop and then trying to take away for mobile.

Basically, getting bigger is easier than getting smaller.
APD TorontoSoftware Developer

Author

Commented:
So, this is a matter of preference basically?

It should not have any external affect, like SEO, etc...?
Most Valuable Expert 2017
Distinguished Expert 2018
Commented:
Google gives higher rankings to mobile friendly sites so it is relevant if you are expecting to serve pages to people on mobile devices.

If however you are building a site / application that is going to be used only (or predominantly) by desktop users then obviously this design paradigm does not apply.

Basically, if you need to cater to mobile - then designing for mobile first and scaling up is much easier than doing it the other way around.
APD TorontoSoftware Developer

Author

Commented:
Thank you
Most Valuable Expert 2017
Distinguished Expert 2018

Commented:
You are welcome.

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial