grid-column Property in CSS Grid Layouts
grid-column is a shorthand for the grid-column-start
and grid-column-end
properties.
In other words, instead of writing:
.grid-item1 { grid-column-start: 1; grid-column-end: 3;}
You can alternatively use the grid-column
property to shorten your code like this:
.grid-item1 { grid-column: 1 / 3;}