O auto-fill irá fazer com que um grid container que tenha espaço sobrando, crie mais uma coluna "vazia" dentro dele para assim preencher a linha daquele grid.
O auto-fit irá ajustar os grid itens dentro do grid container que tenha espaço sobrando, fazendo com que os grid itens se expandão para ocupar o espaço que antes estava vazio.
Supondo o grid-item tem um width de 200px, e há um espaço vazio de 100px no grid container, logo ao aplicar repeat(auto-fit, auto) o grid-item agora irá ocupar 300px.
