# Auto-fill

Fits as many grid columns as there is room for, keeping empty ones.

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

`auto-fill` fits as many columns as there is room for, keeping empty columns if there aren't enough items.

```css
.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 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-fill