Menu
The grid-column
property defines an item’s size and location in a grid layout and is also a shorthand property for grid-column-start
and grid-column-end
.
Example:
/* .item.ex will start on column 2 and span 3 columns */
.item.ex {
grid-column: 2 / span 3;
}
grid-column-start
Specifies which column-line the item will start on.
grid-column-end
Specifies on which column-line the item will end, or the number of columns an item will span.
Have a code example of grid-column
? Submit a codepen.io demo and we'll showcase it here ↴