Расположение блоков по 2 в ряд один за другим без пустого места

[AlexMax13]

Не знаю в какой раздел написать поэтому пишу здесь. В интернете ответ не нашел. Но может пригодиться даже для тех, кто хочет расположить товары по 2 в ряд без пустого места.

Подскажите как с помощью css расположить блоки вот так:https://prnt.sc/4ghX4Ocwq028

Потому что если использовать стандартное от ботстрап

<div class="row">
  <div class="col-sm-6"></div>
  <div class="col-sm-6"></div>
  <div class="col-sm-6"></div>
  <div class="col-sm-6"></div>
  <div class="col-sm-6"></div>
  <div class="col-sm-6"></div>
</div>

 

тогда получается вот такое

https://prnt.sc/YjxO9h9y1RI7

 

Т.е. есть пустые места если контента в одном блоке больше чем в другом. Один растягивает другой на всю высоту. Как это можно поправить?

 

Змінено 22 серпня користувачем AlexMax13

[AlexMax13]

Сделал так:
 

<div class="rev_box">
<div class="rev_item">

</div>
</div>

 

 

.rev_box {
    -webkit-column-count: 2;
    column-count: 2;
}
.rev_item {
    box-sizing: border-box;
    display: inline-block;
    float: right;
}

 

Но получаю иногда такое:
prnt.sc/UsKZ67u8ZGxG

Змінено 22 серпня користувачем AlexMax13