Лучший способ сделать столбцы одинакового размера с помощью flexbox?

Есть ли лучший способ сделать столбцы одинакового размера независимо от размера содержимого с помощью flexbox?

ul {
  display: flex;
}

li {
  flex-basis: 30%;
  flex-grow: 1;
}

Ссылка на вызов (второй макет): https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox_skills