diff --git a/scss/_card.scss b/scss/_card.scss
index 95b2ec41bd..269f844063 100644
--- a/scss/_card.scss
+++ b/scss/_card.scss
@@ -280,7 +280,7 @@
 
 @include media-breakpoint-up(sm) {
   .card-columns {
-    column-count: 3;
+    column-count: $card-columns-count;
     column-gap: $card-columns-gap;
 
     .card {
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 83b1559ac2..435475bc3b 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -707,6 +707,7 @@ $card-img-overlay-padding: 1.25rem !default;
 
 $card-deck-margin:         .625rem !default;
 
+$card-columns-count:        3 !default;
 $card-columns-gap:          1.25rem !default;