Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) Enhancing the Design With CSS Adjusting the Layout with Media Queries

Ker Sing Tan
Ker Sing Tan
10,573 Points
Posted by Ker Sing Tan
Ker Sing Tan
10,573 Points

How can we use how much max width we have to add to media query max-width in order to fix different device?

How can we use how much max width we have to add to media query max-width in order to fix different device?

1 Answer

Liam Clarke
Liam Clarke
19,938 Points
Liam Clarke
Liam Clarke
19,938 Points

Hello

This is dependent on your style but developers typically build their media queries around the most popular device sizes for mobile, tablet and desktop.

popular screen resolutions

For example:

Many desktop screens are 1024 so you desktop media query max width could be 1024, anything above that will be white space either side.

So the max-width is personal preference or designs you follow there is no set max-width you must do for each media query

Good Luck