min-width

Utilities for setting the minimum width of an element.

Examples

Basic example

Use min-w-<number> utilities like min-w-24 and min-w-64 to set an element to a fixed minimum width based on the spacing scale:

Using a percentage

Use min-w-full or min-w-<fraction> utilities like min-w-1/2 and min-w-2/5 to give an element a percentage-based minimum width:

Using the container scale

Use utilities like min-w-sm and min-w-xl to set an element to a fixed minimum width based on the container scale:

Using a custom value

Responsive design

Customizing your theme