# object-fit

Decides how an image fills its box, like cover or contain.

## What does `object-fit` do?

`object-fit` decides how an image fills its box: stretched, cropped to fill (`cover`), or fitted inside (`contain`).

```css
.product-photo { width: 200px; height: 200px; object-fit: cover; }
```

Level: Apprentice · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/apprentice)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/object-fit