Use the repeat() CSS Function to Efficiently Define CSS Grid Rows and Columns

Typing the same thing over and over again is tiring!

The repeat() CSS function allows you to define a large number of columns or rows that exhibit a recurring pattern to be written in a more compact form. This function can be used in the CSS Grid properties grid-template-columns and grid-template-rows.