- temp fix: re approched stats grid css;

2024-10-13 20:51:27 +02:00
parent 131b2dbf57
commit 81cc2a58f6
1 changed files with 8 additions and 1 deletions
--- a/src/assets/scss/components/statsBigBadges.scss
+++ b/src/assets/scss/components/statsBigBadges.scss
@@ -4,7 +4,8 @@
 .statsBigBadges__grid {
    display: grid;
    align-items: stretch;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    /*grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));*/
+    grid-template-columns: repeat(2, minmax(220px,1fr));
    gap: 1rem;
    width: 100%;
    container-name: big-badges-grid;
@@ -51,6 +52,12 @@
    }
 }

+@media (max-width: 820px) {
+    .statsBigBadges__grid {
+        grid-template-columns: 1fr;
+    }
+}
+
@container big-badges-grid (max-width: 700px) {
    .statsBigBadges__gridItem {
        padding: 12px;