I'm not sure what I'm doing wrong, if someone can help that will be much appreciated

Tell us what’s happening:

  **Your code so far**

<style>
@media (max-height: 800px){
p {
  font-size: 20px;
 }
}

/* Add media query below */
@media (min-height: 800px){
  p{
    font-size: 10px;
  }
}

/* Only change code below this line */

/* Only change code above this line */
</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>

Challenge: Create a Media Query

Link to the challenge:

@media(max-height: 800px){

p{

font-size:10px;

}

}
lol i messed up due to spelling
yea this is going to work because @ max pixels 800 is going to make the words

9 10px

Hi, your code looks good! but you changed stuff the challenge didn’t want you to change. I suggest resetting the challenge and only changing/adding code in the designated area. The hint is you only need one media query, also think about the difference between max/min-height in the context of media queries and whether you picked the right one.

you have to set the value max-height : 800px;
which means when the device screen ll be less than 800px, font ll be size of 10px.