Untitled

<div class="masonry">

  <div style="height:200px">ads</div>

  <div>sd</div>

  <div>ww</div>

  <div>qwe</div>

  <div>123</div>

  <div style="height:300px">asd</div>

  <div>23</div>

  <div style="height:250px">345</div>

  <div>567</div>

  <div>789</div>

</div>

.masonry {

  display: -ms-flexbox;

  -ms-flex-direction: column;

  -ms-flex-wrap: wrap;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  height: 100vw;

}

.masonry div {

  box-sizing: border-box;

  margin: 20px;

  width: 33.3%;

  height: 100px;

  background: red;

}