En esta lección entendí por qué a veces las imágenes se salen del contenedor padre, incluso cuando les damos un width: 100%. Me di cuenta de que el problema está en cómo el navegador calcula el tamaño total del elemento. Si usamos box-sizing: content-box, el padding y el borde se suman al ancho, lo que puede hacer que la imagen se desborde. Pero al usar box-sizing: border-box, el navegador incluye el padding y el borde dentro del ancho total, lo que evita que la imagen se salga.
Me pareció muy útil este concepto porque ahora sé cómo controlar mejor el diseño y evitar errores visuales en mis proyectos.
**
¡Cada vez entiendo más cómo funciona el modelo de caja en CSS!
