Con indicar en el padre
display:flex tienes suficiente.
https://jsfiddle.net/chucq6mr/
El problema que tenías es que los elementos de la caja flexible en tu código era el elemento
ul, porque cualquier hijo descendiente de un
flexbox es una caja flexible.