Max Width
max_width Sets the maximum width.
Example
Box { max_width: xl }
Tailwind values
| Value | CSS value |
|---|---|
none | no maximum |
xs, sm, md, lg, xl, 2xl, 3xl | 20rem, 24rem, 28rem, 32rem, 36rem, 42rem, 48rem |
4xl, 5xl, 6xl, 7xl | 56rem, 64rem, 72rem, 80rem |
prose | 65ch |
full, min, max, fit | intrinsic or full sizing |
screen-sm through screen-2xl | configured breakpoint sizes |
Numeric scale values such as 72 are 18rem. Arbitrary values use square brackets: [72ch].