min-inline-size

Utilities for setting the minimum inline size of an element.

Examples

Basic example

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

Using a percentage

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

Using the container scale

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

Using a custom value

Responsive design

Customizing your theme