Object Fit

Utility classes for controlling how replaced elements (like <img>, <video>) fit within their containers.

Basic Usage

Responsive Behavior

Quick Reference

Class	Styles
`.object-fit-contain`	`object-fit: contain;`
`.object-fit-cover`	`object-fit: cover;`
`.object-fit-fill`	`object-fit: fill;`
`.object-fit-scale`	`object-fit: scale-down;`
`.object-fit-none`	`object-fit: none;`

All classes support responsive prefixes like sm:, md:, lg:, xl: etc.