Hi ! there ..my challence is ok but i dont understand why is max-height and not min how to said in the example

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: 
  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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.114 Safari/537.36

Desafío: Crea un media query

Enlaza al desafío:
https://www.freecodecamp.org/espanol/learn/responsive-web-design/responsive-web-design-principles/create-a-media-query :upside_down_face:

2

Hi again!

You are supposed to create a media query for devices that have a height of 800px or less.
So that is why max-height makes sense.

min-height: 800px wouldn’t make sense for the challenge because you are telling the computer to apply a set of css rules for devices with a height of 800px and larger.

Hope that makes sense!

1 Like
3

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.