画面サイズXSでも2カラム表示にしたい

Bootstrap4のcard-deckを使って、レスポンシブなサイトを作成しようとしています。
各カードの高さを揃えるために、参考サイトを見て作成したのですが、画面サイズがxsのときに2カラムにしようと思っても1カラムになってしまいます。画面サイズがsm以上のときはきちんとSASSで指定したカラム数で表示されます。
画面サイズがXSでも2カラムにする方法はないでしょうか。

お忙しいところ恐れ入りますが、よろしくお願いします。

環境：
MacOS：10.14.2
Bootstrap 4.3
jqueryなど必要なものはすべて読み込ませてあります。
ブラウザ：Safari 12.0.2、Chrome 72.0(どちらでも同様の症状発生)

HTML
1<div class="container">
2	<div class="card-deck">
3		<div class="card my-3">
4			<img src="http://placehold.it/560x560" class="card-img-top">
5			<div class="card-body">
6				<h4 class="card-title">Title</h4>
7				<p class="card-text">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
8				<button class="btn btn-primary" type="button">Button</button>
9			</div>
10		</div>
11		<div class="card my-3">
12			<img src="http://placehold.it/560x560" class="card-img-top">
13			<div class="card-body">
14				<h4 class="card-title">Title</h4>
15				<p class="card-text">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
16				<button class="btn btn-primary" type="button">Button</button>
17			</div>
18		</div>
19		<div class="card my-3">
20			<img src="http://placehold.it/560x560" class="card-img-top">
21			<div class="card-body">
22				<h4 class="card-title">Title</h4>
23				<p class="card-text">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
24				<button class="btn btn-primary" type="button">Button</button>
25			</div>
26		</div>
27		<div class="card my-3">
28			<img src="http://placehold.it/560x560" class="card-img-top">
29			<div class="card-body">
30				<h4 class="card-title">Title</h4>
31				<p class="card-text">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
32				<button class="btn btn-primary" type="button">Button</button>
33			</div>
34		</div>
35		<div class="card my-3">
36			<img src="http://placehold.it/560x560" class="card-img-top">
37			<div class="card-body">
38				<h4 class="card-title">Title</h4>
39				<p class="card-text">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
40				<button class="btn btn-primary" type="button">Button</button>
41			</div>
42		</div>
43		<div class="card my-3">
44			<img src="http://placehold.it/560x560" class="card-img-top">
45			<div class="card-body">
46				<h4 class="card-title">Title</h4>
47				<p class="card-text">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
48				<button class="btn btn-primary" type="button">Button</button>
49			</div>
50		</div>
51		<div class="card my-3">
52			<img src="http://placehold.it/560x560" class="card-img-top">
53			<div class="card-body">
54				<h4 class="card-title">Title</h4>
55				<p class="card-text">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
56				<button class="btn btn-primary" type="button">Button</button>
57			</div>
58		</div>
59		<div class="card my-3">
60			<img src="http://placehold.it/560x560" class="card-img-top">
61			<div class="card-body">
62				<h4 class="card-title">Title</h4>
63				<p class="card-text">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
64				<button class="btn btn-primary" type="button">Button</button>
65			</div>
66		</div>
67	</div>
68</div>

SCSS
1// Bootstrap 4 breakpoints & gutter
2$grid-breakpoints: (
3    xs: 0,
4    sm: 576px,
5    md: 768px,
6    lg: 992px,
7    xl: 1200px
8) !default;
9
10$grid-gutter-width: 30px !default;
11
12// number of cards per line for each breakpoint
13$cards-per-line: (
14    xs: 2,
15    sm: 2,
16    md: 3,
17    lg: 4,
18    xl: 5
19);
20
21@each $name, $breakpoint in $grid-breakpoints {
22	@media (min-width: $breakpoint) {
23		.card-deck .card {
24			flex: 0 0 calc(#{100/map-get($cards-per-line, $name)}% - #{$grid-gutter-width});
25		}
26	}
27}

行動規範の内容に同意します

回答1件

ベストアンサー

初期状態ではsmで切られているので修正が必要です。
_card.scss

SCSS
1//  @include media-breakpoint-up(sm) {
2  @include media-breakpoint-up(xs) {

bootstrap.css

CSS
1.card-deck {
2  flex-flow: row wrap;
3  margin-right: -15px;
4  margin-left: -15px;
5}
6
7.card-deck .card {
8  display: flex;
9  flex: 1 0 0%;
10  flex-direction: column;
11  margin-right: 15px;
12  margin-bottom: 0;
13  margin-left: 15px;
14}