Update card list

1 files changed, 5 insertions, 1 deletions

diff --git a/src/layouts/_card-list.scss b/src/layouts/_card-list.scss
index 6a6fe01..1c64b4d 100644
--- a/src/layouts/_card-list.scss
+++ b/src/layouts/_card-list.scss
@@ -79,7 +79,7 @@
                 }
 
 
-                @each $mod, $row-gap, $col-gap, $col-width, $quiet--row-gap in vars.$grid-layouts {
+                @each $mod, $row-gap, $col-gap, $col-width, $quiet--row-gap, $breakpoint in vars.$grid-layouts {
                         @include bem.modifier($mod) {
                                 display:               grid;
                                 grid-template-columns: repeat(auto-fill, minmax(props.get($col-width), 1fr));
@@ -88,6 +88,10 @@
                                 @include bem.modifier('quiet') {
                                         row-gap: props.get($quiet--row-gap);
                                 }
+
+                                @include media.media('<=#{$breakpoint}') {
+                                        display: flex;
+                                }
                         }
                 }