SOURCE

<div class="father">
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
	<div class="son"></div>
</div>

.father{
    width: 600px;
    column-count: 6;
     column-gap: 10px;
}
.son{
    background: orange;
    margin-bottom: 10px;
    border-radius: 5px;
     break-inside: avoid;
}
.son:nth-child(4n-1){
    height: 100px;
    background: lightseagreen
}
.son:nth-child(2n+1){
    height: 200px;
}
.son:nth-child(4n){
    height: 150px;
    background: pink
}
.son:nth-child(4n-2){
    height: 250px;
    background: lightcoral
}