.main-content {
grid-column: 1/2;
grid-row: 2/4;
}
Grid Containers
Grid Items
- grid lines
- grid cells
- grid tracks
- grid area
- grid gap
display: grid
- grid-template-columns: num of cols
- grid-template-rows: num of rows
.header {
grid-column: halfway/end-edge;
grid-row: 2/3;
}
.page-title {
grid-column: 1/4;
grid-row: 1/2;
}
.main-content {
grid-column: 1/2;
grid-row: 2/4;
}
Grid Items
display: grid