max-inline-size

Utilities for setting the maximum inline size of an element.

Examples

Basic example

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

Using a percentage

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

Using the container scale

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

Using a custom value

Responsive design

Customizing your theme