grid-column-end CSS property is used in grid layouts to specify the ending position of a grid item along the horizontal axis.
grid-column-end property accepts a value that represents the grid line at which the grid item should end. Grid lines can be identified using line numbers, names of named grid lines, or the
span keyword to span across multiple grid tracks.
Here’s an example:
grid-column-end: span 3;
In this example, the
grid-column-end: span 3; rule sets the grid item to span across three grid tracks horizontally. This means the grid item will end at the third grid line from its starting position.
grid-column-end property works in conjunction with
grid-column-start to define the horizontal range of grid placement for grid items within a grid container. It provides flexibility in specifying the positioning and spanning of grid items in a grid layout.