Sizing
Width and height on a percentage scale, plus max/min constraints and viewport units.
Width & height
25/50/75/100/auto, each responsive and with a named !important form (!w-50):
width
height
Max / min width
Preview
Preview
Max / min height
Preview
Preview
Viewport
min-vw-100 exists alongside min-vh-100, undocumented until now — same idea, horizontal axis:
Preview
Arbitrary values
w-[320px], max-w-[440px], min-h-[600px], etc. — each also accepts the ! prefix (!w-[320px]).
Arbitrary sizing has no responsive form
Unlike spacing and gap, none of the sizing arbitrary patterns support a breakpoint prefix — there's no
w-md-[320px]. If you need a different arbitrary width per breakpoint, you'll need a named class at each breakpoint (w-md-50) or a component-level media query.