Tailwind CSS Fluid Scaling Plugin

Sizing

height

Utilities for controlling the height of an element.

Basic example

Use h-fluid-[breakpoints] utilities like h-fluid-[4,8] and h-fluid-[64px,96px] to set an element to a fixed height based on the spacing scale:

01

02

03

04

05

06

JSX

<div>
  <div class="h-fluid-[96px,192px] ...">01</div>
  <div class="h-fluid-[80px,160px] ...">02</div>
  <div class="h-fluid-[64px,128px] ...">03</div>
  <div class="h-fluid-[48px,96px] ...">04</div>
  <div class="h-fluid-[40px,80px] ...">05</div>
  <div class="h-fluid-[32px,64px] ...">06</div>
</div>

Follow us

© Gladeye 2026