diff --git a/scss/_card.scss b/scss/_card.scss
index 2c74c0c9715d8a504922a23bbd482d6971d9ed25..67d4ebf1ff9d1b0e4090eb3828c15998ab87044d 100644
--- 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;
     }
   }
 }