Merge pull request #5976 from pat270/LPD-51827

fix(@clayui/css): LPD-51827 card-page add md container query and move…

Author: matuzalemsteles

Diff for: packages/clay-css/src/scss/cadmin/variables/_cards.scss

@@ -622,12 +622,17 @@ $cadmin-card-page-item-asset: map-deep-merge(
 			flex-basis: 50%,
 			max-width: 50%,
 		),
+		'@container #{map-get($cadmin-card-page, container-name)} (min-width: #{map-get($cadmin-container-max-widths, md)})':
+		(
+			flex-basis: 33.33333%,
+			max-width: 33.33333%,
+		),
 		'@container #{map-get($cadmin-card-page, container-name)} (min-width: #{map-get($cadmin-container-max-widths, lg)})':
 		(
 			flex-basis: 25%,
 			max-width: 25%,
 		),
-		'@container #{map-get($cadmin-card-page, container-name)} (min-width: #{map-get($cadmin-container-max-widths, xxl)})':
+		'@container #{map-get($cadmin-card-page, container-name)} (min-width: #{map-get($cadmin-container-max-widths, xl)})':
 		(
 			flex-basis: 20%,
 			max-width: 20%,

Diff for: packages/clay-css/src/scss/variables/_cards.scss

@@ -889,12 +889,17 @@ $card-page-item-asset: map-deep-merge(
 			flex-basis: 50%,
 			max-width: 50%,
 		),
+		'@container #{map-get($card-page, container-name)} (min-width: #{map-get($container-max-widths, md)})':
+		(
+			flex-basis: 33.33333%,
+			max-width: 33.33333%,
+		),
 		'@container #{map-get($card-page, container-name)} (min-width: #{map-get($container-max-widths, lg)})':
 		(
 			flex-basis: 25%,
 			max-width: 25%,
 		),
-		'@container #{map-get($card-page, container-name)} (min-width: #{map-get($container-max-widths, xxl)})':
+		'@container #{map-get($card-page, container-name)} (min-width: #{map-get($container-max-widths, xl)})':
 		(
 			flex-basis: 20%,
 			max-width: 20%,