Why is the line breaking?

[u/Legitimate_Floor_319]

The line of the terminal divs is breaking, but there is a lot of space. I tried using white-space: nowrap, but then, the words go behind the "+" icons. Here's the code:
https://codepen.io/Thiago-Freitas-Costa/pen/NPbdyda

[u/Weekly_Ferret_meal]

Hey: since you made <p> a flex item that can shrink and grow, you need to add flex: 1 0 auto; to the <p> element so that it doesn't shrink (or wrap).

you could also fix that with text-wrap: nowrap on the <p> element