Create a Media Query Error, cannot pass this challange

Create a Media Query Error, cannot pass this challange
0

#1

Tell us what’s happening:
I think my code is correct, but I can’t pass this challange.
What should I do?
Normally I’m using Chrome, but also tried with Firefox,Safari, not helped.

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 (Windows NT 10.0; Win64; x64) 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

You are missing semicolons for media queries.


#3

You are missing a set of curly brackets that encases all of the elements you want to listen to your media query

@media (max-width: 100px) {
    p {
         font-size:10px
    }
}