Как прижать блоки к краям?

Question

[Hibooks]

Добрый день!

Необходимо сделать так, чтобы nav-left был прижат к левому краю, а nav-right был прижат к правому краю.
При этом расстояние между элементами li и в правой и в левой навигации должно быть 15 px.
Расстояние между nav-left и nav-right не менее 200 px.
При уменьшении размера окна элементы должны переноситься.

Comments

[Ankhena]

Оставлю это тут, на случай, если вам всё таки не нужны лишние отступы по 7.5 по краям и про отступ в 200 между блоками тоже не просто так написано.
.......................................................

nav - это основная навигация по странице. Теоретически может использоваться несколько раз, но если они там всё равно рядом, то лучше объединить.

И так мы избавимся от двух лишних оберток.

Будет лучше (за редкими исключениями), если названия классов будут отражать суть блока, а не его положение, цвети и т.д.
Т.е. вместо .left-block лучше nav или main-nav (если менюшек несколько).
Вместо nav_left лучше lang-list или languages или lang-choice или подобное.

Решений вашей задачи много, ниже пример на флексах с использованием column-gap.
На мелких вьпортах менюшки располагаются просто в столбик.

Answer 1

[Alfieros]