CSS grid-auto-columns Property

Defines the size of grid columns that were created implicitly: it means that grid-auto-columns targets the columns that were not defined with grid-template-columns or grid-template-areas.

The grid-auto-columns property in CSS is used to specify the size for the columns of implicitly generated grid containers.

The grid-auto-columns property sets a size for the columns in a grid container.

CSS Syntax

grid-auto-columns: auto|max-content|min-content|length;

Supported Browsers:

  • Firefox: 52.0, 2.0 -moz-
  • Google Chrome: 50.0, 4.0 -webkit-
  • Internet Explorer: 10.0
  • Safari: 9.0, 3.1 -webkit-
  • Opera: 37.0, 15.0 -webkit-, 11.1

Example -