CSS tip nobody told me early enough: min-width on a flex item defaults to auto, not zero. That is why your text refuses to shrink and pushes the whole row off the screen.

Set min-width: 0 and watch the layout behave. #css