flex-basis

Utilities for controlling the initial size of flex items.

Examples

Using the spacing scale

Use basis-<number> utilities like basis-64 and basis-128 to set the initial size of flex items based on the spacing scale:

Using the container scale

Use utilities like basis-xs and basis-sm to set the initial size of flex items based on the container scale:

Using percentages

Use basis-<fraction> utilities like basis-1/2 and basis-2/3 to set the initial size of flex items:

Using a custom value

Responsive design

Customizing your theme