Как сделать два блока прижатые к сторонам?

Question

[Алексей]

пытаюсь ничего не выходит
https://codepen.io/selftrips/pen/yLBrqrp
при нехватки ширины по блочный перенос и центрирование
Спасибо

Answer 1

[Хороший UI]

.flex-container {
  display: flex;
  justify-content: space-between;
 }

У флекс контейнера есть свойства justify-content, оно отвечает как будут располагаться потомки флекс родителя по горизонту. Значение space-between это раскидать их "по сторонам"

Answer 2

[Рома Зварич]

Как сделать два блока прижатые к сторонам?

Задайте для элемента с классом .flex-container свойство justify-content: space-between;

Результат:
https://codepen.io/hisbvdis/pen/OJLGorz

Comments

[Алексей]

а здесь почему не получается? (скопировал код)
https://myexpedia.ru/

[Рома Зварич]

Алексей selftrips.ru, что именно не получается?
Если Вы спрашиваете, почему блок не растягивается на всю ширину, то для его родителя задано float: right

[Алексей]

Рома Зварич, ок, спасибо
добавил
.e3lan-top {
float: none!important;
}
и
flex-wrap: wrap;

Можно сделать чтобы когда блоки переносятся выравнивались по центру?

[Алексей]

[Рома Зварич]

Алексей selftrips.ru,

Можно сделать чтобы когда блоки переносятся выравнивались по центру?

Можно только через медиа-выражения. Указываете нужное разрешение экрана и меняете свойство justify-content: center;