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.

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.

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.