Grid by Example

A collection of usage examples for the CSS Grid Layout specification.

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.

Back to list of examples