fixes #22135

7f075bfb · Mark Otto · Mark Otto · 09f98fbd · 7f075bfb
Commit 7f075bfb authored 7 years ago by Mark Otto Committed by Mark Otto 7 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 6 additions and 3 deletions
+6 -3
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -262,15 +262,18 @@
 // Columns
 //

-@include media-breakpoint-up(sm) {
-  .card-columns {
+.card-columns {
+  .card {
+    margin-bottom: $card-columns-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
    column-count: $card-columns-count;
    column-gap: $card-columns-gap;

    .card {
      display: inline-block; // Don't let them vertically span multiple columns
      width: 100%; // Don't let their width change
-      margin-bottom: $card-columns-margin;
    }
  }
 }