Start networking and exchanging professional insights

Register now or log in to join your professional community.

Follow

In media Queries whats the difference between mobile first and desktop first development. How would you layout the media queries?

user-image
Question added by Waleed Butt , Creative Web Developer , addictivemobility
Date Posted: 2014/07/08
Chandni Sharma
by Chandni Sharma , Senior Software Engineer , Emirates/dnata

Mobile first and desktop first are2 approaches to writting the CSS for you website. 

 

In mobile first approach, your base css is for the mobile view and you add css with different breakpoints moving up in the size (tablet and desktop)

 

The desktop first is the reverse. Here your base css is for the desktop view, and you add the necessary css to change the UI for the mobile view with the different breakpoints. (tablet, mobile).

 

More Questions Like This