Create a Media Query---anybody can help to check my code?

Create a Media Query---anybody can help to check my code?
0

#1

Tell us what’s happening:

Got stuck in this section and have no idea how to pass this.

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 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-principles/create-a-media-query


#2

Your code works fine, which browser are you using.?Try refreshing your browser, clear the cache or try another browser.


#3

Thanks for your reply. I have founded the reason ----caused by the browser, indeed. I am using the Chorme browser and it will set up the minimum font-size automatically. So just go to the setting page and change the minimum font-size and the problem will be solved.