Med både auto-fit og auto-fill: hvis der er ekstra plads, bliver der skabt ekstra columns.
Her har wrapper max-width:1000px, og begge grids har grid-gap:20px.
Dvs. at når padding er medregnet, er der i princippet plads til 8 columns á 100px.
auto-fill
Med auto-fill er de ekstra columns bare tomme.
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
auto-fit
Men med auto-fit collapser de ekstra (tomme) columns, og de øvrige columns strækkes.
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));