Why it is impossible to specify the base width of the flex item?

Trying to understand flexbox, it seems to be in the same place it turns out and try something else to make up, all think that should work in my understanding, but why it is not working.

In General, here, tried to mark up the header with logo and menu.

Did:
Created a flex container, it placed 2 items, the actual menu and logo. Made a space-between, that would be on the edges of the press. Then made menu flex container, and it turned out that the elements of the list are the Flex elements. Tried to give them flex-basis, but nothing comes out. I don't even understand why they are just one line do not stand up, why one element does not fit and wrap text???

How to make Logo on the left, and the menu was right and that the elements were of the specified base size?
July 8th 19 at 12:10
2 answers
July 8th 19 at 12:12
Solution
You need to allow container ul increase, if he does not have enough space.
codepen.io/anon/pen/gMgLEm
July 8th 19 at 12:14
you have the element containing the menu blocks shall be of sufficient width to stuntmania blocks its all in the full width got

if they are not vlazit and they are not set paramenta compressibility is zero - then they will all shrink to fit

Find more questions by tags CSSFlexboxHTML