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

Question

[Павел Сидоров]

Подскажите как правильнее организовать пункты меню при таком разрешении?



Может есть какие библиотеки или идеи? С мобильной версией все понятно. Она организована. При таком разрешении не хочется её использовать.

Answer 1

[s l a v e]

Список делаете с помощью(всмысле с помощью так и надо делать списи) ul и пунктов li.
ul даете display flex + flex-wrap: wrap
Ширина и высота у списка должна быть соответственно auto чтобы они могли переносится.

Comments

[Павел Сидоров]

А не знаете библиотек чтобы они скрывали пункты меню под кнопку "еще"?
Я думаю пункты меню доставка и контакты просто скрыть под нее и все

[Игорь Стасюк]

Павел Сидоров, можно это всё ручками сделать, на js создавать такой список