É um atributo para repetir.
grid-template-columns: (3, 150px); vai criar três colunas com 150px de largura
É possível mesclar repeat, adicionando colunas fora dele, como neste caso, grid-template-columns: repeat(3, 1fr) 200px; que vai resultar em três colunas de largura igual e mais uma de 200px;.
É possível ainda adicionar mais uma coluna antes do repeat fazendo assim: grid-template-columns: 50px repeat(3, 1fr) 200px
É possível também criar pares de colunas com o repeat: grid-template-columns: repeat(2, 50px 300px); vai resultar em dois pares de coluna de 50px e 300px
É possível ainda trabalhar com mais de um repeat. Veja:
Assim criamos dois pares de colunas com medidas diferentes, utilizando 2 repeats.
Com grid-template-columns: repeat(auto-fill, 150px); criamos quantas colunas for possível no espaço disponível, cada uma tendo 150px de largura.
Numa tela cheia ficou assim
Numa tela menor ficou assim
