min-width

Utilities for controlling the minimum width of an element.

Basic example

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

JSX

<div>
  <div class="min-w-fluid-[80px,120px] ...">01</div>
  <div class="min-w-fluid-[100px,200px] ...">02</div>
  <div class="min-w-fluid-[140px,280px] ...">03</div>
  <div class="min-w-fluid-[180px,360px] ...">04</div>
  <div class="min-w-fluid-[220px,440px] ...">05</div>
  <div class="min-w-fluid-[260px,520px] ...">06</div>
</div>

Instagram
LinkedIn
X

min-width

Basic example

Follow us