Given this grid, which area does the cell with content 'X' occupy?
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-areas:
"head head head"
"nav main main"
"nav foot foot";
}
.x { grid-area: nav; } /* element .x contains 'X' */