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 Write CSS Media Queries

Posted by Carolyn Hunter
Carolyn Hunter
2,400 Points

Break Points

@media screen and (min-width 480px) { body { background: navy; } }

I am unable to pass the challenge using the code in the css/main.css What am I over looking?

3 Answers

Herbert Lemus
Herbert Lemus
8,780 Points
Herbert Lemus
Herbert Lemus
8,780 Points

Hey Carolyn,

just remove "screen and" part and you will be able to move on. I had the same problem. but your code is right just not was the test is looking for.

Steven Horowitz
Steven Horowitz
6,966 Points
Steven Horowitz
Steven Horowitz
6,966 Points

If the code you are using is exactly what you just pasted, then the syntax error I found is that you forgot to put a colon after min-width. It should say (min-width: 480px).

Funny, because I forgot to use a colon as well in the same challenge.

Carolyn Hunter
Carolyn Hunter
2,400 Points
Carolyn Hunter
Carolyn Hunter
2,400 Points

@ Herbert Lemus & Steven Horowitz; Both your answers together resolved my issue. Thank you.