masonry.css

/*Small devices (landscape phones, 576px and up)*/

@media (min-width: 576px) {

    /*card colums setup 2 columns for mobile on landscape view*/

    .card-columns{

        column-count: 2;

    }
}

 

/*Medium devices (tablets, 768px and up)*/

 

@media (min-width: 768px) {

/*card colums setup 2 columns landscape view*/

    .card-columns{

        column-count: 2;

    }
}

 

/* Large devices (desktops, 992px and up)*/

@media (min-width: 992px) {

        /*card colums setup 3 columns desktops*/

    .card-columns{

        column-count: 3;

    }

}