Sometimes, we want to auto-resize an image to fit a div container with CSS.
In this article, we’ll look at how to auto-resize an image to fit a div container with CSS.
How to auto-resize an image to fit a div container with CSS?
To auto-resize an image to fit a div container with CSS, we can use the object-fit CSS property.
For instance, we write
<img style="height: 100%; width: 100%; object-fit: contain" />
to use object-fit: contain to auto resize the image to fit its container.
Conclusion
To auto-resize an image to fit a div container with CSS, we can use the object-fit CSS property.
