Responsive Areas

breakpoint: desktop

Same elements. Same grid-area names. Only the blueprint changes.

Stage

headergrid-area: header

sidebargrid-area: sidebar

contentgrid-area: content

footergrid-area: footer

The map is the layout.