Как сверстать такое адаптивное меню с распределением?

Question

[Егор Неведов]

Всем привет!
Уже несколько часов не могу сообразить, как реализовать такую задумку:


А именно, как сделать, чтобы когда хотя бы один пункт не помещается в имеющихся строках, добавлялась новая строка и все пункты распределялись равномерно по горизонтали по всем строкам?
Может быть, флексом такое возможно?

Похожее по поведению, но мне не подходящее, что удалось найти (вдруг кому пригодится) - dabblet.com/gist/2030070

Посмотреть, что я успел натворить

UPD:
Пришёл к такому варианту на js

Answer 1

[Михаил Смыков]

Запросы CSS в виде media screen обязательны. Иначе нельзя. Ишь ты... Не подходит ему...

Comments

[Artem Dimitrov]

Не обязательны, если использовать flex

[Егор Неведов]

Без медиа мне конечно не обойтись, но нормально ли добавлять ради одного меню несколько уникальных точек разрыва? А если пара пунктов прибавится, придётся переписывать несколько медиа?