Как растянуть flex items по всей ширине?

Question

[account-4]

Как растянуть содержимое .menu-list по всей ширине контейнера?
Главное условие - эти элементы должны занимать все пространство контейнера, без промежутков, т.е. быть впритык друг к другу. И обойтись надо средствами flexbox. Чето я запутался в этих свойствах.

codepen.io/kodekrendel/pen/YZeYPw

Answer 1

[ivan1kazantsev]

.menu-list li {
  flex-grow: 1;
}

Answer 2

[gleendo]

codepen.io/evg_/pen/dvdJvM?editors=1100

Comments

[account-4]

Блин, надо было display: block на линки повесить. flex: 1 я тоже пробовал, но без блока на линках он не работает. Спасибо! А какая в этом логика, не совсем пойму?