<header>

<main>

A 2 Column CSS Grid Layout with Header and Footer

Layout uses CSS grid-column and grid-row properties for positioning of header, main, aside and footer HTML elements.

Media query breakpoint at 768px to collapse from 2 columns to 1.