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

Media Queries not working

Hey There. My media queries are not working. Here's my CSS - http://pastebin.com/R9JAh34a Here's my HTML - http://pastebin.com/JJhZYGpc The CSS is titled "responsive.css" and is in the CSS folder.

5 Answers

Sam Baines
Sam Baines
4,315 Points

Hi Samarth - in your html you seemed to have misspelled the word 'responsive' in your link for the css file. So check that first.

Mitchell Springer
Mitchell Springer
2,576 Points

I'm not exactly sure why you don't think it's working because when I resize the window below 480px, the background color turns white.

Ok, well I tested your code in codepen so the css file link doesn't matter. Yes, like Sam said, spell responsive right and it should work now.

Done... Still not working

Mitchell Springer
Mitchell Springer
2,576 Points

Can you describe how it's not working? For me, the background was navy and once I resized the screen smaller, the background turned white. Is that what is supposed to happen?

Yeah... I'm really confused

Thanks Guys! Working now :)