Create a Media Query1

HTML-CSS
1

Tell us what’s happening:

Your code so far


<style>

  @media(max-height:800px){
   p {
     font-size:10px;
   }
  }
  
  /* Add media query below */
  
</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/77.0.3865.90 Safari/537.36.

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

2

Welcome to the community! :slight_smile:

For me your code works well.

Could you please explain what is wrong for you?

3

Welcome! The code is good. Is there something you dont understand?

4

If you’re having a problem with this code, it may be looking for your media query below the line that says /* Add media query below */. The code seems to work fine, though. You might also try resetting the code and pasting it back in or restarting your browser. The tests can sometimes get weird until you restart your browser.