Why do items in a flex container go outside the container?

Question

css

It seems to me that .title should be reduced to fit everything, but only the right block is pushed out, how to fix it, why is that?
https://codepen.io/UnluckySerivelha/pen/BaRzZmB

Answer 1

To .btnremove the style flex: 0 0 100pxand addmin-width: 100px