Grid by Example

Everything you need to learn CSS Grid Layout

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.