min-block-size

Utilities for setting the minimum block size of an element.

Examples

Basic example

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

Using a percentage

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

Using a custom value

Responsive design

Customizing your theme