max-block-size

Utilities for setting the maximum block size of an element.

Examples

Basic example

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

Using a percentage

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

Using a custom value

Responsive design

Customizing your theme