max-width
Utilities for controlling the maximum width of an element.
Basic example
Use max-w-fluid-[breakpoints] utilities like max-w-fluid-[4,8] and max-w-fluid-[64px,96px] to set an element to a fixed maximum width based on the spacing scale:
01
02
03
04
05
06
JSX
<div> <div class="max-w-fluid-[40px,80px] ...">01</div> <div class="max-w-fluid-[80px,120px] ...">02</div> <div class="max-w-fluid-[120px,160px] ...">03</div> <div class="max-w-fluid-[160px,200px] ...">04</div> <div class="max-w-fluid-[200px,240px] ...">05</div> <div class="max-w-fluid-[240px,280px] ...">06</div></div>Visit our website
© Gladeye 2026