Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

Haga lo que hicimos en el aula

css
Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

1 respuesta

Hola Ariel, espero que estés bien

Parece que estás trabajando con consultas de medios en CSS para ajustar el diseño de tu página cuando la pantalla tiene un ancho máximo de 1200px. Aquí te explico brevemente lo que hace cada parte del código que compartiste:

  1. .header { padding: 10%; }: Esto aplica un relleno del 10% al contenedor con la clase .header. Esto puede ayudar a que el contenido tenga más espacio alrededor cuando la pantalla es más pequeña.

  2. .header__menu { justify-content: center; }: Esto centra el contenido del menú horizontalmente dentro de su contenedor, siempre que el contenedor tenga un display de tipo flex.

  3. .presentacion { flex-direction: column-reverse; }: Esto cambia la dirección de los elementos dentro del contenedor .presentacion a una columna inversa, lo que significa que el último elemento aparecerá primero.

Si quieres replicar lo que hicieron en clase, asegúrate de que estos estilos se apliquen correctamente en tu proyecto. Si tienes alguna duda específica sobre cómo ajustar algo, no dudes en preguntar.

Espero haber ayudado y buenos estudios!