Responsive Web Design Principles : Create a Media Query

Tried the correct solution several times and it’s not working

  **Your code so far**

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

/* Only change code below this line */
@media (max-height: 800px) { 
  p {
  font-size: 10px;
    }
}
/* 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 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36

Challenge: Create a Media Query

Link to the challenge:

You probably have some extensions installed in your browser (e.g. dark mode) that are preventing the tests from working properly. If so, either disable those extensions or use a different browser that doesn’t have them.

1 Like

Thank you so much. That worked.
Had an adblocker which i disabled and it got submitted succesfully