header {
    grid-row: 1;
}

main {
    display: grid;
    grid-template-columns: subgrid;
    /* main spans more columns so that header doesnt stretch */
    grid-row: 1 / 3;
    padding: var(--px) 0;
}