I can't complete the second part of the task. What is wrong I can't understand

Tell us what’s happening:

Your code so far


<style>
@media(max-height:800px) {
  p {
  font-size: 10px;
}
}
@media(min-height:800px) {
p {
  font-size: 20px;
}
}
/* 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>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 10; SM-M115F) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.101 Mobile Safari/537.36.

Challenge: Create a Media Query

Link to the challenge:

Review the lesson carefully. There are two lines that tell you where to place the required media query.

???/* */ You need to change only the eod in the line, this does not tell me anything at all

<style>
  p {
    font-size: 20px;
  }

/* Only change code below this line */

/*Write your code here and no where else*/

/* 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>

I’m not sure what you mean. The lesson is telling you where to place your media query.
In your code you supplied it’s above where it’s supposed to be.