Tighter bubbles on small screens

2025-06-12 10:59:29 -05:00
parent 3e50056987
commit 2f8b929702
1 changed files with 6 additions and 0 deletions
@@ -13,6 +13,12 @@

    container-type: inline-size;
    max-inline-size: 1400px;
+
+    @media (max-width: 639px) {
+      --bubble-gap: -0.5rem;
+      --bubble-size: 3rem;
+      --reserved-bubble-space: calc(var(--bubble-size) / 2 + var(--bubble-gap));
+    }
  }

  .card-columns {