Как сделать с помощью flex-box меню где два блока с элементами будут располагаться по противоположным краям экрана

Вот меню которое пытался повторить: Пример меню которое хотел повторить

Надписи в навигации это 1 div, контент с правой стороны другой, можно ли с помощью flex поместить их по разным краям, или же на примере это реализовано иначе?

Я знаю как это осуществить через margin, но всё же хочу сделать по правильному если это возможно.

Прикреплю ссылку к примеру, сам из разметки сайта я ответ найти не смог: https://www.riotgames.com/ru


Ответы (2 шт):

Автор решения: Qwertiy
.right-panel {
  margin-left: auto;
}
→ Ссылка
Автор решения: Grundy

В примере по ссылке из вопроса центральному элементу задается свойство

flex: 1;

что соответствует flex-grow: 1 - растянуть этот элемент на все свободное пространство.

→ Ссылка