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