Reply To: Flexbox: align-items and flex-basis seem to be cancelling each other out

[Beverleyh]

Things seem to be working as expected https://codepen.io/anon/pen/eERRyB but remember that the immediate children of a flex parent are the ones affected; the .buttonItem elements in the case of your demo, which I’ve coloured for easier visuals (alternate teal and tomato).

Your burgundy .btn elements are nested one deeper so are beyond the scope of this flex context.