---
layout: single
property_name: grid-column-end
---
Defines the column end position of a grid item.
In this 3-column setup, the grid item is automatically placed.
The target grid item ends just before the second column.
The target grid item ends just before the first column, which automatically creates a fourth column.
#grid-column-end
default
grid-column-end: auto;
grid-column-end: 2;
grid-column-end: 1;