Sizing
Width
Class
Property
| w-0 | width: 0; |
| w-0.5 | width: 0.0625rem; /* 1px */ |
| w-1 | width: 0.125rem; /* 2px */ |
| w-1.5 | width: 0.25rem; /* 4px */ |
| w-2 | width: 0.375rem; /* 6px */ |
| w-2.5 | width: 0.5rem; /* 8px */ |
| w-3 | width: 0625rem; /* 10px */ |
| w-3.5 | width: 0.75rem; /* 12px */ |
| w-4 | width: 0.875rem; /* 14px */ |
| w-5 | width: 1rem; /* 16px */ |
| w-6 | width: 1.25rem; /* 20px */ |
| w-7 | width: 1.5rem; /* 24px */ |
| w-8 | width: 1.75rem; /* 28px */ |
| w-9 | width: 2rem; /* 32px */ |
| w-10 | width: 2.25rem; /* 36px */ |
| w-11 | width: 2.5rem; /* 40px */ |
| w-12 | width: 2.75rem; /* 44px */ |
| w-14 | width: 3rem; /* 48px */ |
| w-16 | width: 3.25rem; /* 52px */ |
| w-20 | width: 3.5rem; /* 56px */ |
| w-24 | width: 3.75rem; /* 60px */ |
| w-28 | width: 4rem; /* 64px */ |
| w-32 | width: 5rem; /* 80px */ |
| w-36 | width: 6rem; /* 96px */ |
| w-40 | width: 7rem; /* 112px */ |
| w-44 | width: 8rem; /* 128px */ |
| w-48 | width: 9rem; /* 144px */ |
| w-52 | width: 10rem; /* 160px */ |
| w-56 | width: 11rem; /* 176px */ |
| w-60 | width: 12rem; /* 192px */ |
| w-64 | width: 13rem; /* 208px */ |
| w-72 | width: 14rem; /* 224px */ |
| w-80 | width: 15rem; /* 240px */ |
| w-88 | width: 16rem; /* 256px */ |
| w-96 | width: 18rem; /* 288px */ |
| w-104 | width: 20rem; /* 320px */ |
| w-112 | width: 22rem; /* 352px */ |
| w-120 | width: 24rem; /* 384px */ |
| w-128 | width: 26rem; /* 416px */ |
| w-136 | width: 28rem; /* 448px */ |
| w-144 | width: 30rem; /* 480px */ |
| w-152 | width: 32rem; /* 512px */ |
| w-1/2 | width: 50%; |
| w-1/3 | width: 33.33333%; |
| w-2/3 | width: 66.66667%; |
| w-1/4 | width: 25%; |
| w-2/4 | width: 50%); |
| w-3/4 | width: 75%; |
| w-1/5 | width: 20%; |
| w-2/5 | width: 40%; |
| w-3/5 | width: 60%; |
| w-4/5 | width: 80%; |
| w-1/6 | width: 16.66667%; |
| w-2/6 | width: 33.33333%; |
| w-3/6 | width: 50%; |
| w-4/6 | width: 66.66667%; |
| w-5/6 | width: 83.33333%; |
| w-full | width: 100%; |
| w-screen | width: 100vw; |
| w-max | width: max-content; |
| w-min | width: min-content; |
| w-fit | width: fit-content; |
| w-auto | width: auto; |
Max Width
Class
Property
| max-w-0 | max-width: 0; |
| max-w-none | max-width: none; |
| max-w-xs | max-width: 375px; |
| max-w-sm | max-width: 425px; |
| max-w-md | max-width: 768px; |
| max-w-lg | max-width: 1024px; |
| max-w-xl | max-width: 1440px; |
| max-w-1/2 | width: 50%; |
| max-w-1/3 | max-width: 33.33333%; |
| max-w-2/3 | width: 66.66667%; |
| max-w-1/4 | max-width: 25%; |
| max-w-2/4 | max-width: 50%); |
| max-w-3/4 | max-width: 75%; |
| max-w-1/5 | max-width: 20%; |
| max-w-2/5 | max-width: 40%; |
| max-w-3/5 | width: 60%; |
| max-w-4/5 | max-width: 80%; |
| max-w-1/6 | max-width: 16.66667%; |
| max-w-2/6 | max-width: 33.33333%; |
| max-w-3/6 | max-width: 50%; |
| max-w-4/6 | max-width: 66.66667%; |
| max-w-5/6 | max-width: 83.33333%; |
| max-w-full | max-width: 100%; |
| max-w-screen | max-width: 100vw; |
| max-w-max | max-width: max-content; |
| max-w-min | max-width: min-content; |
| max-w-fit | max-width: fit-content; |
Min Width
Class
Property
| min-w-0 | min-width: 0; |
| min-w-full | min-width: 100%; |
| min-w-screen | min-width: 100vw; |
| min-w-max | min-width: max-content; |
| min-w-min | min-width: min-content; |
| min-w-fit | min-width: fit-content; |
Height
Class
Property
| h-0 | height: 0; |
| h-0.5 | height: 0.0625rem; /* 1px */ |
| h-1 | height: 0.125rem; /* 2px */ |
| h-1.5 | height: 0.25rem; /* 4px */ |
| h-2 | height: 0.375rem; /* 6px */ |
| h-2.5 | height: 0.5rem; /* 8px */ |
| h-3 | height: 0625rem; /* 10px */ |
| h-3.5 | height: 0.75rem; /* 12px */ |
| h-4 | height: 0.875rem; /* 14px */ |
| h-5 | height: 1rem; /* 16px */ |
| h-6 | height: 1.25rem; /* 20px */ |
| h-7 | height: 1.5rem; /* 24px */ |
| h-8 | height: 1.75rem; /* 28px */ |
| h-9 | height: 2rem; /* 32px */ |
| h-10 | height: 2.25rem; /* 36px */ |
| h-11 | height: 2.5rem; /* 40px */ |
| h-12 | height: 2.75rem; /* 44px */ |
| h-14 | height: 3rem; /* 48px */ |
| h-16 | height: 3.25rem; /* 52px */ |
| h-20 | height: 3.5rem; /* 56px */ |
| h-24 | height: 3.75rem; /* 60px */ |
| h-28 | height: 4rem; /* 64px */ |
| h-32 | height: 5rem; /* 80px */ |
| h-36 | height: 6rem; /* 96px */ |
| h-40 | height: 7rem; /* 112px */ |
| h-44 | height: 8rem; /* 128px */ |
| h-48 | height: 9rem; /* 144px */ |
| h-52 | height: 10rem; /* 160px */ |
| h-56 | height: 11rem; /* 176px */ |
| h-60 | height: 12rem; /* 192px */ |
| h-64 | height: 13rem; /* 208px */ |
| h-72 | height: 14rem; /* 224px */ |
| h-80 | height: 15rem; /* 240px */ |
| h-88 | height: 16rem; /* 256px */ |
| h-96 | height: 18rem; /* 288px */ |
| h-104 | height: 20rem; /* 320px */ |
| h-112 | height: 22rem; /* 352px */ |
| h-120 | height: 24rem; /* 384px */ |
| h-128 | height: 26rem; /* 416px */ |
| h-136 | height: 28rem; /* 448px */ |
| h-144 | height: 30rem; /* 480px */ |
| h-152 | height: 32rem; /* 512px */ |
| h-1/2 | height: 50%; |
| h-1/3 | height: 33.33333%; |
| h-2/3 | height: 66.66667%; |
| h-1/4 | height: 25%; |
| h-2/4 | height: 50%); |
| h-3/4 | height: 75%; |
| h-1/5 | height: 20%; |
| h-2/5 | height: 40%; |
| h-3/5 | height: 60%; |
| h-4/5 | height: 80%; |
| h-1/6 | height: 16.66667%; |
| h-2/6 | height: 33.33333%; |
| h-3/6 | height: 50%; |
| h-4/6 | height: 66.66667%; |
| h-5/6 | height: 83.33333%; |
| h-full | height: 100%; |
| h-screen | height: 100vh; |
| h-max | height: max-content; |
| h-min | height: min-content; |
| h-fit | height: fit-content; |
| h-auto | height: auto; |