auto-fit vs auto-fill

auto-fill:

.grid1{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(100px,1fr));
	gap:10px;
}
1
2
3
auto-fit:

.grid2{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
	gap:10px;
}

Items are stretched so they fit in the container.
1
2
3