no sale por favor ayuda

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;
  @media(max-height:800px){

}
  }

/* Cambia solo el código debajo de esta línea */


/* 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 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/97.0.4692.71 Safari/537.36

Desafío: Crea un media query

Enlaza al desafío:

2

Hola! Bienvenid@ a la comunidad :partying_face:!

No funciona porque esa no es la sintaxis correcta. Una consulta de medios (media query) engloba o contiene las definiciones de estilos y no al revés, o sea, esto es correcto:

p {
  color: red;
}

@media (max-width: 358px) {
  p {
     color: black;
  }
}

Mientras que esto no está correcto:

p {
  color: blue;
  @media (max-width:1080px) {
    p {
      color: orange;
    }
  }
}

Por otro lado, mira cómo escribiste tú código, ya que modificaste donde no debías:

<style>
p {
  font-size: 20px;
  @media(max-height:800px){

}
  }

/* Cambia solo el código debajo de esta línea */


/* Cambia solo el código encima de esta línea */
</style>

Nota los comentarios, donde dice Cambia solo el código encima/debajo de esta línea.

1 Like