Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
bootstrap card columns

Bootstrap card Columns

CSS

@media (max-width: 575px)  {
  .card-columns{
    column-count: 1;
  }
}
@media (min-width: 576px) and (max-width: 767px){
  .card-columns{
    column-count: 1;
  }
}
@media (min-width: 768px) and (max-width: 991px){
  .card-columns{
    column-count: 2;
  }
}
@media (min-width: 992px) {
  .card-columns{
    column-count: 2;
  }
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment