object-fit

How an image or video fills its box: `cover` (crop), `contain` (letterbox), `fill`, `none`.

Easy

img { width: 100%; height: 12rem; object-fit: cover; } makes uniform card thumbnails.

Spotted a mistake or want to add detail? Suggest an improvement — Content Contributors' edits are reviewed by editors before they go live.

Discussion (0)