Grid by Example

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

Nested Grid

A simple example of nesting one grid inside another. Any Grid Area can become a grid itself, by setting display:grid and then defining the rows and columns.

Read the specification | View example as full page

See the Pen Grid by Example 21: a nested Grid by rachelandrew (@rachelandrew) on CodePen.

Back to list of examples