Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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

Ker Sing Tan
Ker Sing Tan
10,572 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

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