How to stretch flex items to full width?

Question

css

How to stretch content .menu-listto full width of container?
The main condition is that these elements should occupy the entire space of the container, without gaps, i.e. be close to each other. And you need to get by with flexbox. Cheto I got confused in these properties.
codepen.io/kodekrendel/pen/YZeYPw

Answer 1

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