SOURCE

<div class="box">
    <div class="card">
        <div>1</div>
    </div>
    <div class="card">
        <div>2</div>
        <div>2</div>
    </div>
    <div class="card">
        <div>3</div>
        <div>3</div>
        <div>3</div>
    </div>
    <div class="card">
        <div>4</div>
        <div>4</div>
    </div>
    <div class="card">
        <div>5</div>
    </div>
    <div class="card">
        <div>6</div>
        <div>6</div>
        <div>6</div>
    </div>
</div>

<div class="box2">
    <div class="card2">
        <div>1</div>
    </div>
    <div class="card2">
        <div>2</div>
        <div>2</div>
    </div>
    <div class="card2">
        <div>3</div>
        <div>3</div>
        <div>3</div>
    </div>
    <div class="card2">
        <div>4</div>
        <div>4</div>
    </div>
    <div class="card2">
        <div>5</div>
    </div>
    <div class="card2">
        <div>6</div>
        <div>6</div>
        <div>6</div>
    </div>
</div>

.box{
    border: 1px solid #ccc;
    width: 500px;
    column-count: 2;
    column-gap: 0;
}
.card{
    width: 50%;
    font-size: 12px;
}
.box2{
    border: 1px solid #ccc;
    width: 500px;
    display: flex;
    flex-wrap: wrap;
}
.card2{
    width: 50%;
}