Grid Column

Utilities for setting grid items to automatically span columns.

Class	CSS Output
`col-auto`	`grid-column: auto; }`
`col-[1_/_3]`	`grid-column: 1 / 3; }`
`col-[value]`	`grid-column: [value] }`
`col-span-1`	`grid-column: span 1 / span 1; }`
`col-span-6`	`grid-column: span 6 / span 6; }`
`col-span-12`	`grid-column: span 12 / span 12; }`
`col-span-full`	`grid-column: 1 / -1; }`
`col-span-auto`	`grid-column: auto; }`
`col-span-[value]`	`grid-column: span [value] / span [value] }`

col-auto

grid-column: auto;

col-[1_/_3]

grid-column: 1 / 3;

col-[value]

grid-column: [value]

col-span-1

grid-column: span 1 / span 1;

col-span-6

grid-column: span 6 / span 6;

col-span-12

grid-column: span 12 / span 12;

col-span-full

grid-column: 1 / -1;

col-span-auto

grid-column: auto;

col-span-[value]

grid-column: span [value] / span [value]

Reference

MDN ↗