CSS · Layout

flex-shrink

Whether a flex item may shrink when space is tight. Prevent shrinking on icons and buttons.

cssRunnable example css course

Syntax

flex-shrink: 0

Example

Try it

.demo { display: flex; gap: 6px; } .demo > span { flex-shrink: 0; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.