# Auto-fit

Fits as many columns as fit, stretching items to fill the row.

## What does `auto-fit` do in a grid?

`auto-fit` fits as many columns as there is room for, then stretches the items to fill the row when there are only a few.

```css
.team { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }
```

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

Updated: September 27, 2026

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