MAIN SECTION
STEP 1
The entire section has to be addressed as a grid.
.grid-layout{ display: grid; grid-template-columns: repeat(12, 1fr); } main{ background-color: #81CCF3; grid-column: 4 / 13; grid-row: 2 / 8; }
STEP 2
As the sections get laid out the positioning is set up by the column and row line numbers.
main{ background-color: #81CCF3; grid-column: start line number / end line number; grid-row: start line number / end line number; }