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 Media Query Basics

Unable to resize Chrome to less than 480px wide.

Hey, I'm trying out the media query feature, but I can't make my browser (Chrome) to resize less than 480px wide. Is there anyone having the same issue as I am, or is this a Chrome issue?

Mark Sebeck
Mark Sebeck
Treehouse Moderator 32,424 Points

Hi Eduard. Glad you were able to figure it out on your own. I moved your comment to an answer and marked it best so the answer shows as answered and you get some extra points. Keep it up!

Thank you so much Mark! Appreciate marking my comment as the best answer. :)

4 Answers

Never mind guys. I found out that if you dock the Chrome Developer console to either your left or right side of the page, when you resize enough, you get to the desired width of less than 480px wide. #ImSoDumb ;P

Thank you! Now it works. Haha

Erick Rojas
Erick Rojas
4,355 Points

I adjusted the numbers to use it in Chrome, instead 480px I used 580px and it works fine

if using a chrome browser please right click > select inspect element > then click the 3 vertical dots > after which will show you options for dock settings to the left, right or bottom of webpage.

Select either one and your will be able to automatically see the screen size change as you expand or contract the webpage.

This will allow for you to establish that the media query for 480px max width actually works within the chrome browser

@media (max-width: 480px){ body{background:darkred;} }

thank you, this helped me see the dark red color that i was looking for