grid-column / grid-row
property
CSS3
Specifies a grid item's size and location by referencing specific grid lines.
Syntax
grid-column: start / end; grid-row: start / end;
Example
css
.hero {
grid-column: 1 / -1; /* span all columns */
grid-row: 1 / 3; /* span 2 rows */
}
.featured {
grid-column: span 2; /* span 2 columns */
}
.full-width {
grid-column: 1 / -1;
}