Estoy comenzando a ver los videos de flexbox responsivo para mobile y los primeros ejercicios que realiza el docente no me funcionan.
Específicamente me refiero a este link: https://app.aluracursos.com/course/flexbox-posicione-elementos-pantalla/task/77457
Mi duda es si talvez se olvidaron o si se saltaron la explicación de usar los CSS Media Query como aparece en este ejemplo
@media screen and (max-width:650px;){
.col{
width:100%;
}
}
¡Hola Fabian!
Gracias por tu pregunta. Es posible que el problema que estás experimentando se deba a que no estás utilizando correctamente los CSS Media Queries.
En el ejemplo que compartiste, el código CSS dentro de la media query se aplicará solo si la pantalla tiene un ancho máximo de 650 píxeles. Si estás viendo el sitio en un dispositivo móvil con una pantalla más pequeña, es posible que debas ajustar ese valor para que se adapte a tu dispositivo.
Asegúrate de que estás utilizando la sintaxis correcta para las media queries y de que estás aplicando los estilos adecuados para cada tamaño de pantalla. Si necesitas más ayuda, no dudes en preguntar.
¡Espero haber ayudado y buenos estudios!