Why "Mobile First"?

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.
APD TorontoSoftware DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Julian HansenCommented:
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 DeveloperAuthor Commented:
So, this is a matter of preference basically?

It should not have any external affect, like SEO, etc...?
Julian HansenCommented:
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.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
APD TorontoSoftware DeveloperAuthor Commented:
Thank you
Julian HansenCommented:
You are welcome.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.