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