Display, visibility and overflow

Display utilities

Utilities such as block, inline, inline-block, flex, grid and hidden control layout participation.

Visibility is different from display

Hiding an element with hidden removes it from layout using display: none. Other visibility utilities can preserve layout space while changing visibility.

Overflow

Use overflow-hidden, overflow-auto or axis-specific utilities when content should be clipped or scrollable. Avoid hiding overflow merely to conceal layout problems.