Given the grid below, named grid lines are auto-generated from the area names. Which selector value correctly places an item to span the full header-and-content height using those implicit line names?
.grid {
display: grid;
grid-template-areas:
'head head'
'main side';
}
/* place .x from the top of head to the bottom of main */