mk3mk
@mk3mk
занимаюсь вёрсткой (иногда)

Как сверстать меню на flexbox?

Всем привет!
Верстаю меню в хедере, и верхняя строка состоит из двух колонок.
В левой колонке основное меню, в правой колонке меню авторизации.
Если я ставлю левому меню flex-wrap: wrap, то тогда при сужении экрана пункты меню начинают переноситься.
Если я ставлю левому меню flex-wrap: nowrap, то тогда левое меню начинает выталкивать правое меню за пределы body.
А я хочу сделать, чтобы правое меню было как-бы всё время на месте, чтобы его не выталкивало, его зафиксировать, и при этом чтобы у левого меню пункты не переносились, а чтобы они начинали скрываться если не умещаются в контейнере.
Не знаю, как так сделать. Подскажите, пожалуйста..

вот тут пример :
https://codepen.io/mk3mk/pen/NWKeMpJ?editors=1100
  • Вопрос задан
  • 767 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы