Sizing
Width
Utilities for setting the width of an element.
Quick reference
You can also pass any number that is divisible by 2 or equal to 1 to w-{number} class, the ones listed below are just examples.
| Class | Properties |
|---|---|
| w-full | width: 100%; |
| w-screen | width: 100vw; width: 100dvw; |
| w-min | width: min-content; |
| w-max | width: max-content; |
| w-fit | width: fit-content; |
| w-dvw | width: 100dvw; |
| w-svw | width: 100lvw; |
| w-lvw | width: 100lvw; |
| w-0 | width: 0rem; |
| w-1 | width: 0.0625rem; |
| w-2 | width: 0.125rem; |
| w-4 | width: 0.25rem; |
| w-6 | width: 0.375rem; |
| w-8 | width: 0.5rem; |
| w-10 | width: 0.625rem; |
| w-20 | width: 1.25rem; |
| w-30 | width: 1.875rem; |
| w-40 | width: 2.5rem; |