Switch cards component to grid from flex.

This commit is contained in:
Fredrik Jonsson 2023-01-30 09:57:00 +01:00
commit 747bec3cc6

View file

@ -1,15 +1,14 @@
.grid-group,
%grid-group {
$gap: 1;
--column-min: 200px;
--gap: 1.5rem;
--column-min: 250px;
@include gap($gap);
display: grid;
grid-template-columns: repeat(auto-fill, minmax(var(--column-min), 1fr));
gap: var(--gap);
grid-template-columns: repeat(auto-fit, minmax(var(--column-min), 1fr));
&--fit {
grid-template-columns: repeat(auto-fit, minmax(var(--column-min), 1fr));
&--fill {
grid-template-columns: repeat(auto-fill, minmax(var(--column-min), 1fr));
}
&--100 {