Grid by Example

Everything you need to learn CSS Grid Layout

Using repeat notation

In example 8 we repeated the same definitions to create our grid with named lines. We could save some typing by using repeat notation. The values for repeat are the number of times you want the expression to repeat and then the expression.

Read the specification | View example as full page

See the Pen Grid by Example 9: The repeat keyword by rachelandrew (@rachelandrew) on CodePen.