Create a Media Query

Summary

Media Queries are used to change the presentation of content based on a device’s viewport size.
- The viewport is a user’s visible area of a web page.

Final Code

<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...</p>