How to replace table-cell with flex?

Good day! The task is to make an adaptive menu. It is necessary that the menu was stretched and filled the entire width of the container and compressed to a maximum of 50px, if a container of menu items overflows, then you want to hide the last item.

Here need the same thing, just paragraphs was stretched to the full available width. https://codepen.io/lukejacksonn/pen/PwmwWV

.visible-links {
 display: inline-table; // when you replace the flex, the page hangs and in console error <b>"Maximum call stack size exceeded"</b>

 li {
 display: table-cell;
 border-left: 1px solid @color-1;
}
 }
March 12th 20 at 08:00
0 answer

Find more questions by tags CSS