Solucionado
No me quedó del todo claro, porque en la clase entendí como que ponerlo en auto es mejor para que se adapte según el contenido, pero sin embargo leyendo en distintos lugares veo que se recomienda siempre 100 de width para celulares. Vi las otras consultas que hicieron pero sigue sin quedarme claro. Agradezco desde ya todo el apoyo brindado!
¡Hola Kevin, espero que estés bien!
Entiendo tu confusión. La propiedad width: 100% es comúnmente recomendada para la versión móvil debido a que permite que el contenido se adapte al ancho de la pantalla del dispositivo. Esto es especialmente útil ya que los dispositivos móviles tienen diferentes tamaños de pantalla. Al utilizar width: 100%, te aseguras de que el contenido se ajuste correctamente en cualquier dispositivo móvil.
En el caso de la clase que mencionaste, es posible que se haya mencionado que width: auto es mejor para que el contenido se adapte según su propio tamaño. Sin embargo, en el contexto de diseño responsivo para dispositivos móviles, es común utilizar width: 100% para garantizar que el contenido se ajuste adecuadamente.
En el ejercicio que compartiste, la opción correcta para la versión móvil es la C:
@media (max-width: 1200px) {
.presentacion__contenido {
width: 100%;
}
}
Espero que esta explicación aclare tus dudas. ¡Sigue adelante con tu aprendizaje!
Espero haber ayudado y buenos estudios!