We help IT Professionals succeed at work.

Why "Mobile First"?

187 Views
Last Modified: 2017-03-14
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

CERTIFIED EXPERT
Most Valuable Expert 2017
Distinguished Expert 2019

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...?
CERTIFIED EXPERT
Most Valuable Expert 2017
Distinguished Expert 2019
Commented:
This problem has been solved!
(Unlock this solution with a 7-day Free Trial)
UNLOCK SOLUTION
APD TorontoSoftware Developer

Author

Commented:
Thank you
CERTIFIED EXPERT
Most Valuable Expert 2017
Distinguished Expert 2019

Commented:
You are welcome.