Create a Media Query - Lesson 1

Tell us what’s happening:
I can’t seem to pass the test

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_14_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Safari/537.36.

Link to the challenge:

I was able to make it work, but the only difference I had from yours was to put a space in between the : and 800px (which really shouldn’t matter). That’s all i can see that’s different.

Hope this helps!

Your code passes for me with or without the space. What browser are you using?

1 Like

Initially I was using chrome, Then I tried on Mozilla and it passed the text

please am new i need some help.

Hello @nwulu, what do you need help with?