Causes and fixes for long text overflowing in Flexbox | How to use min-width: 0, wrapping, and truncation

When I made the card title long, horizontal scrolling appeared on mobile. Even though I specified `flex: 1`, the text area ...