Create a Media Query my code not accepted

HTML-CSS
1

Tell us what’s happening:
This has a bug. I did it and it wouldn’t accept it. I even copied the code from Scrimba which was exactly the same as mine and it still didn’t pass.

Your code so far


<style>
  p {
    font-size: 20px;
  }
  
  /* Add media query below */
  @media (max-height: 800px) { 
    p {
      font-size: 10px;
    }
  }
</style>
  
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/create-a-media-query

2

Hi,

I tried your code in my editor and it worked for me. Could you try once again?

3

Clear cache, make sure you’re using Chrome. When I paste your code it works for me.

1 Like
4

I am using chrome. Instead on clearing my cache, I just logged into FCC on my dev browser Chrome Canary and it worked there. Thanks.