Expand description
Utilities for controlling how elements are sized and placed across grid columns.
| Class | Properties |
|---|---|
| col-auto | grid-column: auto; |
| col-start-auto | grid-column-start: auto; |
| col-start-<integer> | grid-column-start: <integer>; |
| col-end-auto | grid-column-end: auto; |
| col-end-<integer> | grid-column-end: <integer>; |
| col-span-full | grid-column: 1 / -1; |
| col-span-<integer> | grid-column: span <integer> / span <integer>; |
§Tailwind compatibility
Grid column start/end/span values don’t follow Tailwind’s philosophy of limiting possible values and all numbers are supported. They are however perfectly compatible with Tailwind’s values.
§Arbitrary values
Any property is allowed as arbitrary value.
For example, col-[2/4].