Expand description
Utilities for setting the minimum width of an element.
| Class | Properties |
|---|---|
| min-w-<float> | min-width: <float / 4>rem; |
| min-w-<integer>/<integer> | min-width: (<integer>/<integer>)%; |
| min-w-px | min-width: 1px; |
| min-w-auto | min-width: auto; |
| min-w-full | min-width: 100%; |
| min-w-screen | min-width: 100vw; |
| min-w-min | min-width: min-content; |
| min-w-max | min-width: max-content; |
| min-w-fit | min-width: fit-content; |
§Tailwind compatibility
Minimum width values don’t follow Tailwind’s philosophy of limiting possible values and all
spacing values are supported (screen also). They are however perfectly compatible with
Tailwind’s values.
§Arbitrary values
Any <length> or <percentage> property is allowed as arbitrary value.
For example, min-w-[4.2in].