Display

Example

Inline Block

Displaying inline-block allows the element to stack side to side.

u-display--inline-block
u-display--inline-block

Block

Displaying block makes the elements take up full with which results in them stacking on top of eachother.

u-display--block
u-display--block

Classes

Format: u-display--state

This utlitiy is responsive and can be used like class="u-display--state@md"

Modifiers Description Values
state Sets display state. none, inline, inline-block, block, table, table-cell, table-row, flex, inline-flex