Как сделать автозаполнение родителя элементами?

Question

[uzi_no_uzi]

Имеется родитель фиксированной ширины, как сделать, чтобы дети, сколько бы их ни было, автоматически заполняли всю ширину родителя, т.е. делили ширину родителя между собой поровну? Например, у нас есть родитель и в нём 4 элемента, нужно, чтобы все элементы стали по 25%, добавляем один элемент, все элементы становятся уже по 20% в ширину, и так далее.

https://codepen.io/anon/pen/GBwRbd

Answer 1

[0xD34F]

flex-grow: 1;
flex-basis: 0;

Answer 2

[Denis Melnikov]

для .item
flex-grow: 1;

и width: 18% уберите