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
Jeff Berman
9,209 PointsStuck on Media Query's First Challenge 3 of 3
Question:
Finally, create a new media query that sets the width of .wrap to 700px if the viewport is 800px or wider.
My Code:
@media screen and (min-width 800px) { .wrap { width: 700px; } }
Error: Bummer! Did you specify the right width?
*** I can't seem to find the error. Any help would be appreciated!
5 Answers
Jonathan Grieve
Treehouse Moderator 91,254 PointsRight. got it! Min-width 700 needs a colon after width.
Jonathan Grieve
Treehouse Moderator 91,254 PointsTry specifying a max-width of 700px in your .wrap selector?
Jeff Berman
9,209 PointsAH! I guess I need another cup of coffee. Thanks so much Jonathan!
Jonathan Grieve
Treehouse Moderator 91,254 PointsNo problem. :)
Jeff Berman
9,209 PointsThanks for the feedback. I tried it and am still getting the same error.
Jonathan Grieve
Treehouse Moderator 91,254 Points@media screen and (min-width: 800px) { .wrap { width: 700px; } }