Utilities for setting element width, height, min/max dimensions, and aspect ratios.
Width
| Class | Properties |
|---|
w-auto | width: auto; |
w-full | width: 100%; |
w-screen | width: 100vw; |
w-1/2 | width: 50%; |
w-1/3 | width: 33.333333%; |
w-2/3 | width: 66.666667%; |
w-1/4 | width: 25%; |
w-3/4 | width: 75%; |
w-16 | width: 4rem; |
w-32 | width: 8rem; |
w-64 | width: 16rem; |
Height
| Class | Properties |
|---|
h-auto | height: auto; |
h-full | height: 100%; |
h-screen | height: 100vh; |
h-16 | height: 4rem; |
h-32 | height: 8rem; |
h-64 | height: 16rem; |
Min & Max Sizing
| Class | Properties |
|---|
min-w-0 | min-width: 0px; |
min-w-full | min-width: 100%; |
max-w-xs | max-width: 20rem; |
max-w-sm | max-width: 24rem; |
max-w-md | max-width: 28rem; |
max-w-lg | max-width: 32rem; |
max-w-xl | max-width: 36rem; |
max-w-full | max-width: 100%; |
min-h-screen | min-height: 100vh; |
max-h-full | max-height: 100%; |