Create a Media Query what am i doing wrong

Create a Media Query what am i doing wrong
0

#1

Tell us what’s happening:
what am i doing wrong here?

Your code so far


<style>
  p {
    font-size: 10px;

  }
  
  /* Add media query below */
@media (min-height: 800px) {/* CSS Rules */ }
</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/67.0.3396.87 Safari/537.36.

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


#2

Put your style for p element inside of the media query. (Inside curly brackets)


#3

First, you should not be changing any code above the line
/* Add media query below */

Second, make sure you are target device height’s less than 800px. Currently, you are targeting device height greater or equal than 800px.

Third, write a CSS rule inside the media query’s { and } to make p tags have a font-size of 10px