Expand description
Utilities for specifying the columns in a grid layout.
| Class | Properties |
|---|---|
| grid-cols-<integer> | grid-template-columns: repeat(<integer>, minmax(0, 1fr)); |
| grid-cols-none | grid-template-columns: none; |
§Tailwind compatibility
Template column 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, grid-cols-[100px_1fr].