Grid-auto-flow: dense, column dense, row dense

O grid-auto-flow também nos permite usar a opção dense. Ao ativarmos esta opção estamos a dizer que queremos que a nossa grelha esteja preenchida ao máximo possível, ou seja, items que não estejam posicionados por nós (com grid-column ou grid-row) vão ser colocado onde houver células livres, ignorando a ordem por que estão no HTML.

Além de "dense" podemos usar row dense e column dense, assim podemos indicar a ordem para posicionar os items (vertical ou horizontal) e se queremos preencher ao máximo espaços vazios da grelha.