Почему разваливается сетка bootstrap 4 в google devtools?

Question

[Cepesh16]

вот сайт: https://cepesh16.github.io/UkrPravda/

Второй блок опускается под первый только на sm разрешении, при остальных разрешениях все нормально. Возможно причина в блоке со стрелками, мол он мешает занять достаточно ширины.
Пожалуйста подскажите в чем может быть проблема и по возможности как ее исправить?

Answer 1

[I'm Yoda]

Если вы хотите сделать чтоб блоки не складывались, то задайте им col-6.

Comments

[Cepesh16]

В целом можно сказать ваша мысль верна, указал col-sm-6 col-md-4 там где было указано просто col.
Но я все равно не понял почему при col два блока не делят место пополам

[I'm Yoda]

Cepesh16 на ширине 768px срабатывает правило.