Grid by Example

Everything you need to learn CSS Grid Layout

Implicit named grid lines

When using Named Areas implicit named lines are created by appending -start and -end to the named area you have defined. They can be used in the same way as lines you have explicitly named.

Read the specification | View example as full page

See the Pen Grid by Example 22: Implicit named grid lines by rachelandrew (@rachelandrew) on CodePen.