<div class="card-columns">
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
</div>
@media only screen and (max-width: 995px) {
.card-columns {
column-count: 2;
}
}
@media only screen and (max-width: 580px) {
.card-columns {
column-count: 1;
}
}