Back to Content

Grid Column

files/en-us/glossary/grid_column/index.md

latest1002 B
Original Source

A grid column is a vertical track in a CSS grid layout, and is the space between two vertical grid lines. It is defined by the {{cssxref("grid-template-columns")}} property or in the shorthand {{cssxref("grid")}} or {{cssxref("grid-template")}} properties.

In addition, columns may be created in the implicit grid when items are placed outside of columns created in the explicit grid. These columns will be auto-sized by default, or can have a size specified with the {{cssxref("grid-auto-columns")}} property.

When working with alignment in CSS grid layout, the axis down which columns run is known as the block, or column, axis.

See also

Property reference

  • {{cssxref("grid-template-columns")}}
  • {{cssxref("grid-auto-columns")}}
  • {{cssxref("grid")}}
  • {{cssxref("grid-template")}}

Further reading