If your grid layout uses multiple columns and/or rows of the same size, you can save time by specifying those columns or rows using the repeat() function:

repeat([var]number[/var], [var]size[/var])

Replace number with the number of columns or rows you want to create, and replace size with the size you want to use for each of those columns or rows. For example, the following two declarations are equivalent:

grid-template-columns: 200px 200px 200px;
grid-template-columns: repeat(3, 200px);