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!

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

Posted by Samarth Jajoo
Samarth Jajoo
3,572 Points

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
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
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.

Samarth Jajoo
Samarth Jajoo
3,572 Points
Samarth Jajoo
Samarth Jajoo
3,572 Points

Done... Still not working

Mitchell Springer
Mitchell Springer
2,576 Points
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?

Samarth Jajoo
Samarth Jajoo
3,572 Points
Samarth Jajoo
Samarth Jajoo
3,572 Points

Yeah... I'm really confused

Samarth Jajoo
Samarth Jajoo
3,572 Points
Samarth Jajoo
Samarth Jajoo
3,572 Points

Thanks Guys! Working now :)