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 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 37,799 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