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 Lydia Tsai
Lydia Tsai
6,509 Points

Code Challenge: Media Features and Media Types

Question: Finally, create a new media query that sets the width of '.wrap' to 700px if the viewport is 800px or wider.

My answer:

@media screen and (min-width:800px) {.wrap {width:700px;}}

What am I missing?

2 Answers

Isko Croix
PLUS
Isko Croix
Courses Plus Student 3,154 Points
Isko Croix
Isko Croix
Courses Plus Student 3,154 Points

Hi Lydia,

I retook the challenge. Below is the code I used. I retook the challenge and used your line of code and it was also correct. So, it would seem you're not missing anything. I hope this helps.

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

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

@media screen and (min-width: 800px) { .wrap { width: 700px; } }

Lydia Tsai
Lydia Tsai
6,509 Points
Lydia Tsai
Lydia Tsai
6,509 Points

Thanks! Not sure why it wasn't passing before. :)