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.

.products { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); }

Level: Journeyman · More CSS terms at this level

Updated