CSS grid-column Property

Grid is a two-dimensional (two-dimensional) design pattern for dealing with grid-based user interfaces on the web. It describes the various properties that can be used to design grid structures and control grid item placement using CSS.

It can change the layout of grid items regardless of their source order, allowing grid items to be moved around to accommodate these varying contexts without modifying the underlying markup.




Property Values

Value Description
grid-column-start Specifies which column the item should be displayed in.
grid-column-end Specifies where to stop displaying the item or how many columns to span.

Supported Browsers

Property Chrome Firefox Safari Edge / IE Opera
grid-column 57.0 52.0 10.0 16.0 44.0