Skip to content

Commit f4b764b

Browse files
committed
Refactor card grid to flex to enable card wrap
1 parent 33db515 commit f4b764b

File tree

1 file changed

+10
-5
lines changed

1 file changed

+10
-5
lines changed

tbx/static_src/sass/components/_featured-services.scss

Lines changed: 10 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,17 +5,22 @@
55
margin-bottom: $spacer-medium;
66
}
77

8-
&__cards {
9-
display: grid;
8+
&__cards {
9+
display: flex;
1010
gap: $spacer-mini-plus;
11-
grid-template-columns: repeat(1, 1fr);
11+
flex-wrap: wrap;
1212

1313
@include media-query(medium) {
14-
grid-template-columns: repeat(2, 1fr);
14+
> * {
15+
flex: 1 1 40%;
16+
}
1517
}
1618

1719
@include media-query(x-large) {
18-
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
20+
> * {
21+
flex: 1 1 20%;
22+
min-width: 20%;
23+
}
1924
}
2025
}
2126

0 commit comments

Comments
 (0)