Как выровнять блок ровно по центру?

Question

[Alexander]

Есть 3 блока, лого, навигация и меню с иконками.
Нужно чтобы блок с навигацией был ровно по центру. Но когда я использую justify-content: space-between, и задаю большую ширину для правого блока, навиация смещается влево к логотипу, как это можно пофиксить, желательно без position и margin. Буду благодарен за помощь

Comments

[Ankhena]

Основных варианта два:
на флексах: задаете одинаковую ширину правому и левому и выравнивание по правому краю для правого.
на гридах: 1fr max-content 1fr.

Answer 1

[Froggyweb]

justify-content: space-between - 'это про равные расстояния между блоками внутри флекса, а не по центру обертки