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.