I try with max-width and min-height but nothing happend ..please help

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-width: 800 px)

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.77 Safari/537.36

Desafío: Crea un media query

Enlaza al desafío:

Hi @paooof !

There are a few issues.

No.1:
You are missing a set of {} at the end here.

No.2:
There should be no space between 800 and px.

No.3:
It is not supposed to be max-width.
The directions say to create a media query when the device’s height is less than or equal to 800px .

Hope that makes sense.

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