update class variant name

Netcentric · Dec 9, 2024 · 13a751b · 13a751b
1 parent f3c2ac5
commit 13a751b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css
@@ -9,13 +9,13 @@
     grid-template-columns: repeat(auto-fill, minmax(257px, 1fr));
   }
 
-  .cards--2-column & {
+  .cards--2-columns & {
     @media (min-width: 768px) {
       grid-template-columns: repeat(2, 1fr);
     }
   }
 
-  .cards--3-column & {
+  .cards--3-columns & {
     @media (min-width: 768px) {
       grid-template-columns: repeat(3, 1fr);
     }

diff --git a/blocks/cards/cards.js b/blocks/cards/cards.js
@@ -1,7 +1,7 @@
 import { createOptimizedPicture } from '../../scripts/aem.js';
 import { createElement, variantsClassesToBEM } from '../../scripts/common.js';
 
-const variantClasses = ['2-column', '3-column'];
+const variantClasses = ['2-columns', '3-columns'];
 
 export default function decorate(block) {
   const blockName = 'cards';