I've been stuck on this bug for an hour because I forgot that flex-basis defaults to auto and totally ignores my width settings when the content grows. It's such a headache trying to keep things centered when some random long string of text just pushes everything out of alignment. Just use
flex: 1 1 0
instead so you don't end up with
broken layouts every time someone enters a huge title.