Esta clase me pareció súper reveladora. Aprendí cómo usar Media Queries para adaptar el diseño según el tamaño de pantalla, algo esencial para lograr una experiencia responsiva real. Me gustó ver cómo, al llegar a los 1200px, la estructura cambia y la imagen se posiciona arriba del texto, justo como lo diseñamos en Figma. Usar flex-direction: column-reverse fue clave para lograr el orden correcto. Además, jugar con el tamaño del navegador me ayudó a visualizar los cambios en tiempo real.
¡Hola Estudiante, espero que estés bien!
Me alegra saber que encontraste la clase sobre Media Queries tan reveladora. Es realmente emocionante ver cómo pequeñas modificaciones en CSS pueden tener un gran impacto en la apariencia de un sitio web en diferentes dispositivos.
Parece que has entendido muy bien cómo utilizar flex-direction: column-reverse para cambiar el orden de los elementos cuando el tamaño de la pantalla es menor a 1200px. Esto es esencial para asegurar que el diseño se adapte de manera adecuada y se vea bien en dispositivos móviles.
Un consejo adicional que podría ser útil es asegurarte de probar tus Media Queries en diferentes dispositivos o emuladores de navegador para ver cómo se comportan en situaciones del mundo real. A veces, lo que se ve bien en un navegador de escritorio al cambiar el tamaño de la ventana puede comportarse de manera diferente en un dispositivo móvil real.
Espero que sigas explorando y experimentando con Media Queries, ya que son una herramienta poderosa para crear diseños responsivos. ¡Espero haber ayudado y buenos estudios!