Solucionado
Respuesta correcta 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.
Hola Pedro, espero que estés bien
Gracias por compartir tu ejercício práctico con nosotros! Tu contribución es fundamental para el crecimiento de nuestra comunidad en Alura. Sigue comprometido y no dudes en regresar al foro en caso que tengas alguna duda o dificultad.
¡Abrazos y buenos estudios!