grid-template-areas & named lines

"Holy grail" layout — every region placed by grid-area: <name>

The ASCII-art template names each area; each child fills its area via the custom-ident copy rule.

header
nav
main content
aside
footer

Named lines — grid-column: main-start / main-end

spans the named [main-start]…[main-end] lines