|
@@ -8,16 +8,10 @@
|
|
|
|
|
|
|
|
&__grid {
|
|
&__grid {
|
|
|
display: grid;
|
|
display: grid;
|
|
|
- grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
|
|
|
|
|
+ grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
|
|
gap: var(--sp-4);
|
|
gap: var(--sp-4);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- @media (max-width: 900px) {
|
|
|
|
|
- &__grid {
|
|
|
|
|
- grid-template-columns: 1fr;
|
|
|
|
|
- }
|
|
|
|
|
- }
|
|
|
|
|
-
|
|
|
|
|
&__card {
|
|
&__card {
|
|
|
padding: var(--sp-5);
|
|
padding: var(--sp-5);
|
|
|
background: var(--bg-elevated);
|
|
background: var(--bg-elevated);
|