max-height

Utilities for setting the maximum height of an element.

Examples

Basic example

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

Using a percentage

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

Using a custom value

Responsive design

Customizing your theme