Почему блок всё время рушится?

Question

[Артём]

Не могу понять почему при каждом добавлении баннера в этот блок - вторая строка всё время "сыпется". То есть, во второй строчке всегда все баннеры только справа и добавляются не все до конца ряда, а около 5-ти баннеров (в зависимости от ширины). Потом все остальные баннеры переходят на новую строчку и слева располагаются. В коде не вижу ничего такого, что мешает второй строчке... Может вы увидите в чём дело?


Пациент: bigpay.eu (главная страница, раздел "Партнёры")

Answer 1

[Вадим Кот]

Потому что float и разные высоты блоков
.home_partner_title выносите за пределы .home_partner_block и

.home_partner_block {
  display: flex;
  flex-wrap: wrap;
}

Либо делайте .home_partner_one с одинаковой высотой

Comments

[Артём]

Спасибо! Помогло.
Что можно сделать с блоком "home_partner_title" ? Чтобы после него всё с новой строчки начиналось?

[Вадим Кот]

Вынести его перед home_partner_block

<div class="home_partner_wrap_ins">
  <div class="home_partner_title">Партнеры</div>
  <div class="home_partner_block">
    <div class="home_partner_one"></div>
    <div class="home_partner_one"></div>
    <div class="home_partner_one"></div>
    <div class="home_partner_one"></div>
    <div class="home_partner_one"></div>
    ...
  </div>
</div>

Answer 2

[BigSmoke]

Высоту элементов нужно делать одинаковую. Сейчас у вас баннеры во второй строке упираются в баннер okchanger, а баннер в третьей строке упирается в баннер fincompas (см. скриншоты).

скриншоты