The repeat() CSS function makes writing grid-template-columns and
grid-template-rows properties concise and easier, when creating a large amount
of columns or rows.
Examples:
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; could be written as
grid-template-columns: repeat( 6, 1fr );
grid-template-columns: 1fr 2fr 1fr 2fr 1fr 2fr; could be written as
grid-template-columns: repeat(3, 1fr 2fr);
Repeat() can be used with minmax() for example
grid-template-columns: repeat(3, minmax(200px, 1fr)) will create 3 columns
with minimum of 200px or maximum of 1fr width.