Haga lo que hicimos en el aula

Hola Ariel, espero que estés bien

Parece que estás trabajando con CSS y media queries para adaptar el diseño de tu página a diferentes tamaños de pantalla. Aquí tienes un resumen de lo que está haciendo tu código:

1. Media Query: La regla @media (max-width: 1200px) se aplica cuando el ancho de la pantalla es de 1200 píxeles o menos.

2. .header: Se aplica un padding del 10% a los elementos con la clase .header, lo cual añade espacio alrededor del contenido dentro de este contenedor.

3. .header__menu: Utiliza justify-content: center; para centrar horizontalmente los elementos dentro de este contenedor flex.

4. .presentacion:

   • flex-direction: column-reverse; cambia la dirección de los elementos flexibles a una columna invertida, lo que significa que el último elemento aparece primero.
   • padding: 5%; añade un espacio del 5% alrededor del contenido.

5. .presentacion__contenido: Se establece el width en auto, lo que permite que el ancho del contenido se ajuste automáticamente al espacio disponible.

Si necesitas replicar lo que se hizo en clase, asegúrate de que estas reglas estén correctamente aplicadas en tu archivo CSS y que los elementos HTML tengan las clases correspondientes.

Espero que esto te ayude a entender mejor cómo aplicar los estilos. ¡Espero haber ayudado y buenos estudios!