Text Is Not Wrapping Inside Flexbox In IE EDGE

I have a UL set to display: flex and lists with flex-grow: 1, so that all items will take equal spacing. Inside each list item, I have a link set with display: flex, justify-conten

Solution 1:

Add display: flex to the li.

Revised Codepen