Flexbox not aligning item anymore when text is wrapped

Question

I\'m struggeling with using a flexbox containter together with bootstrap 4 to align my elements horizontally centered.

This is what I have so f

Answer 1

Flexbox styles affects only direct children of the flex parent, in your situation it's img and a, but as soon as you wrap text inside a, flex can't affect this wrapper-element any more, cause it's not a direct children of the flex container. So if you want to wrap link text, add a class for centering text to the a element directly.