Principios de diseño web responsivo, 0/4 Crea un Media Query. Cual es el error?

Español HTML-CSS
1

Cuéntanos qué está pasando:
Describe tu problema en detalle aquí.

   **Tu código hasta el momento**


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

 /* Cambia solo el código debajo de esta línea */
@media (max-height: 800px) { p {
 font-size:20px;
 } 
}
@media (min-height: 800px) { p {
 font-size:10px;
}
}
/* Cambia solo el código encima de esta línea */
</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>

   **Información de tu navegador:**

El agente de usuario es: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:97.0) Gecko/20100101 Firefox/97.0

Desafío: Crea un media query

Enlaza al desafío:

2 
@media (max-height: 800px) { 
  p {
   font-size: 20px;
  } 
}
@media (min-height: 800px) {
  p {
   font-size: 10px;
  }
}

You don’t need a media query for the 20px - that is the default and is already handled. You only need to handle less than and equal to 800px, to have a font size of 10px. You have that but the logic is backwards.

So, to repeat, you only need one media query and you need to make the logic go in the right direction - yes, the logic of it is a little confusing.

When I fix those, your code passes for me.

3

You have provided me with the code that is the solution to the test? If so, copy and paste didn’t work for me.

4

No, I haven’t provided the solution. I provided the relevant section of your code (re-formatted for readability) to focus on that. Read the comments that I gave and try to fix that code.

5

ok thanks i will keep trying

6

If you can’t make that work, let us know and we’ll try to give you a better hint.

7

Problem solved I had to spend a while thinking… for something so easy I even laughed when I solved it…

8

This is hard stuff and confusing at first. Cut yourself some slack.

9

Implementing the practice with vscode and the browser inspector, I was able to reach the conclusion… it’s worth a try