Aspect Ratio & Object Fit

Control media sizing and proportions

Aspect ratio sets element proportions. Object-fit controls how content fills its container.

Aspect Ratio

Object Fit

Object Position

Fills container, may crop

Tailwind CSS

<div class="aspect-video w-48">
  <img class="object-cover object-center w-full h-full"
    src="photo.jpg" />
</div>

22 / 23