_card.scss in active_frontend-17.5.1

- old
+ new

@@ -147,26 +147,26 @@
 }
 
 // Masonry
 // ==================================================
 .card-masonry {
-  column-count: 4;
+  column-count: 3;
   column-gap: 20px;
   white-space: normal;
 
-  > .card {
+  > .card-brick {
     display: inline-block;
     margin-bottom: 20px;
     width: 100%;
 
     &:last-child { margin: 0; }
   }
 }
 
 // Media Queries
 // ==================================================
-@media only screen and (min-width: breakpoint-min-width(b)) and (max-width: breakpoint-max-width(m)) {
-  .card-masonry { column-count: 3; }
+@media only screen and (min-width: breakpoint-min-width(xl)) {
+  .card-masonry { column-count: 4; }
 }
 @media only screen and (min-width: breakpoint-min-width(s)) and (max-width: breakpoint-max-width(b)) {
   .card-masonry { column-count: 2; }
 }
 @media only screen and (max-width: breakpoint-max-width(s)) {