¡Hola! En esta clase, aprendimos sobre las Media Queries, una herramienta fundamental para crear diseños web responsivos.
Las Media Queries nos permiten aplicar estilos específicos a nuestro sitio web dependiendo del tamaño de la pantalla del dispositivo que lo está viendo. En este caso, vimos cómo usarlas para cambiar la posición de una imagen en un diseño web, haciendo que se muestre arriba del texto cuando la pantalla es más pequeña.
Para lograr esto, creamos una Media Query que se activa cuando el ancho de la pantalla es menor a 1200 píxeles. Dentro de esta Media Query, modificamos la propiedad flexdirection de un contenedor, cambiándola de row a columnreverse para que la imagen se muestre arriba del texto.
