max-w-0 max-width: 0px; max-w-px max-width: 1px; max-w-0.5 max-width: 0.125rem; /* 2px */ max-w-1 max-width: 0.25rem; /* 4px */ max-w-1.5 max-width: 0.375rem; /* 6px */ max-w-2 max-width: 0.5rem; /* 8px */ max-w-2.5 max-width: 0.625rem; /* 10px */ max-w-3 max-width: 0.75rem; /* 12px */ max-w-3.5 max-width: 0.875rem; /* 14px */ max-w-4 max-width: 1rem; /* 16px */ max-w-5 max-width: 1.25rem; /* 20px */ max-w-6 max-width: 1.5rem; /* 24px */ max-w-7 max-width: 1.75rem; /* 28px */ max-w-0 max-width: 0rem; /* 0px */ max-w-none max-width: none; max-w-xs max-width: 20rem; /* 320px */ max-w-sm max-width: 24rem; /* 384px */ max-w-md max-width: 28rem; /* 448px */ max-w-lg max-width: 32rem; /* 512px */ max-w-xl max-width: 36rem; /* 576px */ max-w-2xl max-width: 42rem; /* 672px */ max-w-3xl max-width: 48rem; /* 768px */ max-w-4xl max-width: 56rem; /* 896px */ max-w-5xl max-width: 64rem; /* 1024px */ max-w-6xl max-width: 72rem; /* 1152px */ max-w-7xl max-width: 80rem; /* 1280px */ max-w-full max-width: 100%; max-w-min max-width: min-content; max-w-max max-width: max-content; max-w-fit max-width: fit-content; max-w-prose max-width: 65ch; max-w-screen-sm max-width: 640px; max-w-screen-md max-width: 768px; max-w-screen-lg max-width: 1024px; max-w-screen-xl max-width: 1280px; max-w-screen-2xl max-width: 1536px;class rem-width /*pixel width*/ w-0 width: 0px; w-px width: 1px; w-0.5 width: 0.125rem; /* 2px */ w-1 width: 0.25rem; /* 4px */ w-1.5 width: 0.375rem; /* 6px */ w-2 width: 0.5rem; /* 8px */ w-2.5 width: 0.625rem; /* 10px */ w-3 width: 0.75rem; /* 12px */ w-3.5 width: 0.875rem; /* 14px */ w-4 width: 1rem; /* 16px */ w-5 width: 1.25rem; /* 20px */ w-6 width: 1.5rem; /* 24px */ w-7 width: 1.75rem; /* 28px */ w-8 width: 2rem; /* 32px */ w-9 width: 2.25rem; /* 36px */ w-10 width: 2.5rem; /* 40px */ w-11 width: 2.75rem; /* 44px */ w-12 width: 3rem; /* 48px */ w-14 width: 3.5rem; /* 56px */ w-16 width: 4rem; /* 64px */ w-20 width: 5rem; /* 80px */ w-24 width: 6rem; /* 96px */ w-28 width: 7rem; /* 112px */ w-32 width: 8rem; /* 128px */ w-36 width: 9rem; /* 144px */ w-40 width: 10rem; /* 160px */ w-44 width: 11rem; /* 176px */ w-48 width: 12rem; /* 192px */ w-52 width: 13rem; /* 208px */ w-56 width: 14rem; /* 224px */ w-60 width: 15rem; /* 240px */ w-64 width: 16rem; /* 256px */ w-72 width: 18rem; /* 288px */ w-80 width: 20rem; /* 320px */ w-96 width: 24rem; /* 384px */ w-auto width: auto; w-1/2 width: 50%; w-1/3 width: 33.333333%; w-2/3 width: 66.666667%; 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.666667%; w-2/6 width: 33.333333%; w-3/6 width: 50%; w-4/6 width: 66.666667%; w-5/6 width: 83.333333%; w-1/12 width: 8.333333%; w-2/12 width: 16.666667%; w-3/12 width: 25%; w-4/12 width: 33.333333%; w-5/12 width: 41.666667%; w-6/12 width: 50%; w-7/12 width: 58.333333%; w-8/12 width: 66.666667%; w-9/12 width: 75%; w-10/12 width: 83.333333%; w-11/12 width: 91.666667%; w-full width: 100%; w-screen width: 100vw; w-min width: min-content; w-max width: max-content; w-fit width: fit-content;<!-- FOR width: 50%; => w-1/2 --> <div class="w-1/2"></div> <!-- FOR min-height: 100% => min-h-full --> <div class="min-h-full"></div><div class="w-4"></div> // w-4 = 1rem, w-8 = 2rem <div class="w-1/2"></div> // w-1/2 = 50% , w-1/3 = 33.333% , w-1/4 = 25%