Responsivedesign-Media query

HTML-CSS
#1

Tell us what’s happening:
Hello, please can someone help me, i cannot get past this media query exercise, in responsive web design, i cannot see were i have gone wrong or what the correct solution is, i have watched the video, i have tried and tried, max-width not working for me, I

Capture1
Capture11329×981 185 KB
cannot get passed this point of the exercise

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/88.0.4324.96 Safari/537.36 Edg/88.0.705.53.

Challenge: Create a Media Query

Link to the challenge:

#2

Thats passing for me. Maybe try reset the challenge. And write solutions between the 2 green comments.

#3

Hello, have reset the challenge, I found what the issue is now, this does not work on MS EDGE browser, and then I tested on Google Chrome, and it successfully passed the test, so am a bit lost why it not worked on one browser and not the other…many thanks for your prompt reply