Aclarando el concepto de

Cordial saludo: Hay una sutil contradicción entre la explicación de la clase 2 - Contenido Responsivo - y esta clase 3. En la clase 2, se dice: "El widget auto siempre se adaptará al elemento parent. Si pongo 100%, el widget de 100% siempre hará 100%, independientemente del tamaño del contenido. Entonces, con el auto, a veces el contenido no ocupa el 100% del elemento parent. " En la clase 3, se dice: De esta manera, aplicando el 100% en el ancho de la página responsiva, obtendrá el mismo resultado que con width: auto; y se ajustará automáticamente al tamaño de la pantalla. Pero no siempre el resultado es el mismo y por lo que entiendo que la indicación de la instructora, es que mejor es usar el widget "auto".

Gracias

¡Hola Ricardo!

Entiendo tu confusión con respecto al concepto de "Ajustando el ancho" en las clases 2 y 3. La diferencia entre aplicar el ancho de manera automática (auto) y el 100% puede generar dudas, pero intentaré aclararlo.

Cuando se utiliza "width: auto", el elemento se ajustará automáticamente al tamaño de su contenido, pero no necesariamente ocupará el 100% del ancho del elemento padre. Por otro lado, al aplicar "width: 100%", el elemento ocupará el 100% del ancho del elemento padre, independientemente del tamaño del contenido.

En el contexto de la clase 3, al hablar de la versión móvil, la opción correcta sería la C, ya que al utilizar "width: 100%" dentro de un media query con max-width de 1200px, el elemento "presentacion__contenido" se ajustará al 100% del ancho de su contenedor cuando la pantalla tenga un ancho máximo de 1200px, lo que es ideal para la versión móvil.

Espero que esta explicación te ayude a aclarar tus dudas. ¡Sigue adelante con tus estudios de HTML y CSS!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios!