min-height

Utilities for controlling the minimum height of an element.

Basic example

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

JSX

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

Instagram
LinkedIn
X

min-height

Basic example

Follow us