Есть ли смысл использовать flexbox если между элементами отступы не пропорциональные? Если нету смысла, то что использовать?

Question

[Максим Иванов]

Мне нужно, чтобы было как тут (адаптивным) - Тык.
Можно сделать так как я сделал в этой ссылке - просто justify-content: space-between; но мне нужны отступы слева и справа от класса .navbar совершенно разные...
Слева 363px, а справа 295px. Если я уберу justify-content: space-between; и поставлю для .navbar отступы слева 363px и справа 295px, то весь контент будет уходить за пределы экрана - Тык.
Что мне делать в таком случае?

Comments

[Danny Arty]

то весь контент будет уходить за пределы экрана

ну это логично, так как с фиксированными отступами у вас не адаптивная верстка. Просто представьте экран смартфона с разрешением всего 720х1280, а у вас только отступов на 658 пикселей.

[Максим Иванов]

Danny Arty, это понятно. Просто я понять не могу как быть в этой ситуации.
Отступы нужны такие как я указал, а бургер меню появляется лишь от 768пх. Мб уже проще будет сделать space-between?
Да и по макету .navbar стоит со смещением в 50-60пх влево, то есть справа отступ больше и это заметно. Вообще нормально, что дизайнер так сделал?

[Danny Arty]

Максим Иванов,

Отступы нужны такие как я указал

не вижу смысла и логики именно в таких отступах.

Да и по макету .navbar стоит со смещением в 50-60пх влево, то есть справа отступ больше и это заметно. Вообще нормально, что дизайнер так сделал?

а вы делаете верстку pixel-to-pixel?

[Максим Иванов]

Danny Arty, делаю без pixel perfect

Answer 1

[Ilya Olovyannikov]

Вам нужно ограничить размер обертки для навбара, внутри, например, список, у которого как раз эти "сложные" отступы. Space-between как раз кстати.

Comments

[Максим Иванов]

Я вот сидел думал. Раз нет требования pixel perfect, а отступы от навбара слева и справа отличаются на 50-60пх (то есть навбар вообще не ровно стоит по средине, а ближе в правому краю), то тут как по мне два варианта разумных:
1) Оставить с margin'ами и бургер меню сделать при 1300пх
2) Забить на эти маргины и тупо space-between

[Ilya Olovyannikov]

Максим Иванов, ты можешь зафиксировать максимальный размер навбара и указать ему margin-left: auto;