CSS Unused CSS Stages Media Queries Media Features and Media Types

highpriestess
highpriestess
5,486 Points

code challenge: "...create a new media query that sets the width of .wrap to 700px if the viewport is 800px or wider."

Here's what is not passing:

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

I'm stumped.  It keeps telling me to check the width.

10 Answers

No problem, I see now. I find second missing bracket under 480px, see below

@media screen and (max-width: 480px) { 
     body { background: #4682B4; 
  } 
}  /* missing */
highpriestess
highpriestess
5,486 Points

Contacted support directly.

It must be bug. What we can do is refresh browser and try again which will work.

@media screen and (min-width: 800px) { .wrap { width: 700px; } }
highpriestess
highpriestess
5,486 Points

I signed out and back in again...and it's still not working.

highpriestess
highpriestess
5,486 Points

How do you attach a screen shot to this?

Hi High Priestess,

You can use syntax by pasting new image link under brackets below.

![alt text](https://image.jpg)

More details at this link

highpriestess
highpriestess
5,486 Points

Best place to upload the image to?

Free Image uploading services list below:

TinyPic - http://tinypic.com/ (free - recommendation)

ImageStack - https://imageshack.com/ (used to be free, no longer now)

Imgur - http://imgur.com/

PhotoBucket - http://photobucket.com

Whatever you can find free services rather than paid services on google search. :)

highpriestess
highpriestess
5,486 Points

Thank you for your help, Salman.

Here's the screenshot:

http://i59.tinypic.com/wrdnhk.jpg

highpriestess
highpriestess
5,486 Points

Thank you, Salman...

It worked.

How strange that I kept doing that....and I refreshed and tried it several times.