Как заменить table-cell на flex?

Question

[Николай]

Добрый день! Стоит задача сделать адаптивное меню. Необходимо что бы пункты меню растягивались и заполняли всю ширину контейнера и сжимались максимум до 50px, если контейнер с пунктами меню переполняется, то необходимо скрыть последний элемент.

Вот нужно тоже самое, только что бы пункты растягивались на всю доступную ширину. https://codepen.io/lukejacksonn/pen/PwmwWV

.visible-links {
    display: inline-table; // при замене на flex, страница зависает и в консоле ошибка <b>"Maximum call stack size exceeded"</b>
    
    li {
      display: table-cell;
      border-left: 1px solid @color-1;
    }
  }