Aprendiste en el vídeo anterior que la propiedad box-sizing es responsable de cómo se calculan el ancho y el alto totales de un elemento. Ante esto, imagina que estás creando un proyecto y te encuentras con un error: la imagen utilizada está superando el límite del elemento padre. En otras palabras, deseas que la imagen, como elemento hijo, "se encoja" y se ajuste al contenido, como elemento padre. Marca la alternativa que resuelva correctamente el problema:
la respuesta es la C:
box-sizing: border-box;
width: 100%;
padding: 5px;
En este caso, la imagen (elemento hijo) "se encojería" y se ajustaría al tamaño del contenido (elemento padre). Esto ocurre porque el border-box le indica al navegador que tenga en cuenta cualquier borde y relleno en los valores especificados para el ancho y el alto de un elemento.
