Link to home
Start Free TrialLog in
Avatar of APD Toronto
APD TorontoFlag 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.
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

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.
Avatar of APD Toronto

ASKER

So, this is a matter of preference basically?

It should not have any external affect, like SEO, etc...?
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thank you
You are welcome.