Avatar of APD Toronto
APD Toronto
Flag for Canada asked on

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.
CSSWeb DevelopmentResponsive Web

Avatar of undefined
Last Comment
Julian Hansen

8/22/2022 - Mon
Julian Hansen

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 Toronto

ASKER
So, this is a matter of preference basically?

It should not have any external affect, like SEO, etc...?
ASKER CERTIFIED SOLUTION
Julian Hansen

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
APD Toronto

ASKER
Thank you
This is the best money I have ever spent. I cannot not tell you how many times these folks have saved my bacon. I learn so much from the contributors.
rwheeler23
Julian Hansen

You are welcome.