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.