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 jonroby
jonroby
16,113 Points

CSS-Media Queries-Media Features and Media Types (Challenge Task 1 of 3)

I am unable to solve the challenge task listed in the discussion title. The following prompt is given:

Create a media query that sets the body element's background color to #FF6347 and its text color to white if the viewport width is 768px or less.

Below is the text I have entered into the CSS:

@media screen and (max-width: 768px) {
  body {
    background color: #FF6347;
    color: white;
  }
}

2 Answers

Adam Sackfield
PLUS
Adam Sackfield
Courses Plus Student 19,663 Points
Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

You can't have a space between "background" and "color". Try

@media screen and(max-width: 768px) {
  body {
    background-color: #FF6347;
    color: white;
  }
}

or

@media screen and(max-width: 768px) {
  body {
    background: #FF6347;
    color: white;
  }
}
jonroby
jonroby
16,113 Points
jonroby
jonroby
16,113 Points

Thank you so much for the prompt reply! I spent thirty minutes searching for what I could've done wrong. I am now on to the second challenge.

Adam Sackfield
Adam Sackfield
Courses Plus Student 19,663 Points

No problem. Click best answer so marked as solved.

Good luck