Skip to content
Box model

min-width

Sets the smallest width an element is allowed to shrink to.

62 effects in the catalog use this property.

Syntax

min-width: <length> | 0 | min-content;

Watch out

Flex items default to `min-width: auto`, which can prevent them from shrinking below long content. Add `min-width: 0` when text must truncate or wrap inside a flexible column.

Effects using min-width

These are working effects from the catalog. Open a tile to inspect the full source.