flex-shrink: 1 is set with a few words
This has flex-shrink: 1; and background-color: rgba(0, 0, 0, 0.2); set with a lot of additional text, unlike other flex items across a few lines.
This too has flex-shrink: 1 with a medium amount of extra content.

same shrink factors⤴

flex-shrink: 0.5 is set with a few words
This has flex-shrink: 1; and background-color: rgba(0, 0, 0, 0.2); set with a lot of additional text, unlike other flex items across a few lines.
This too has flex-shrink: 1 with a medium amount of extra content.

different shrink factors⤴

flex-shrink: 0 is set with a few words
This has flex-shrink: 0; and background-color: rgba(0, 0, 0, 0.2); set with a lot of additional text, unlike other flex items across a few lines.
This too has flex-shrink: 0 with a medium amount of extra content.

null shrink factors⤴