Flexbox not giving equal width to elements

Question

Attempting a flexbox nav that has up to 5 items and as little as 3, but it\'s not dividing the width equally between all the elements.

Fiddle

The tutorial

Answer 1

To create elements with equal width using Flex, you should set to your's child (flex elements):

flex-basis: 25%;
flex-grow: 0;

It will give to all elements in row 25% width. They will not grow and go one by one.