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

HTML How to Make a Website Responsive Web Design and Testing Build a Three Column Layout

Kenneth Morales
Kenneth Morales
695 Points
Posted by Kenneth Morales
Kenneth Morales
695 Points

where are those numbers coming from in the comment

I dont understand where the numbers are coming from or what for

Jack Smith
Jack Smith
6,902 Points
Jack Smith
Jack Smith
6,902 Points

Are you talking about the numbers used in media queries?

Jack Smith
Jack Smith
6,902 Points
Jack Smith
Jack Smith
6,902 Points

I believe these to be the most generic of screen sizes. Not saying you have to use them, its just a learning point. Play around with different values. Hope this helps.

1 Answer

Craig Watson
Craig Watson
27,930 Points
Craig Watson
Craig Watson
27,930 Points

Hi Kenneth,

As Jack has said those px values in the media queries are based on knowledge of different device px widths and commonly used breakpoints that suit mobile first layouts.

If you are using chrome as your browser there is a nice little feature called device mode that the inspector has.

Right click and choose "inspect element" in the top left of the inspector that opens there is a little icon that looks like a phone and a tablet. Click that and it changes the site to show you how it would look at a particular width. From the top you can even choose particular devices or px widths :)

It is a great tool to get used to!

Hope this helps! Craig