What is object-fit in CSS?

Defines how images or videos resize within their container.

Follow me on LinkedIn:

Example:

img {

width: 100%;

height: 300px;

object-fit: cover;

Key Takeaway:

cover fills the box; contain fits the whole image inside.