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

Posted by Brad Kirkham
Brad Kirkham
14,392 Points

Challenge task 2 of 3 Next, create a new media query that sets the 'body' element's background color to #4682B4 if the viewport width is 480px or less

Hey

i put my code in on challenge and it keeps saying background-color is wrong

media screen and (max-width: 480px) { body { background-color:#4682B4; }

it works in the preview just would like to know how i get it passed

3 Answers

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

I count 2 opening curly braces and only 1 closing curly brace.

CJ Williams
CJ Williams
34,372 Points
CJ Williams
CJ Williams
34,372 Points

That was my problem too. Just had 1 too few closing curlys on the first media query. Good looking out!

Jose Guerrero
Jose Guerrero
4,933 Points
Jose Guerrero
Jose Guerrero
4,933 Points

It looks like your @media is missing a curly bracket to close it off. Right now I think the media query closes off but leaves your body background styling open.

ilyass mougar
PLUS
ilyass mougar
Courses Plus Student 2,858 Points
ilyass mougar
ilyass mougar
Courses Plus Student 2,858 Points

try this its work @media screen and (max-width: 480px) { body { background-color:#4682B4; }