fix: prevent mobile hero clipping

2026-05-09 20:22:15 +02:00
parent 2cb4b94214
commit edda92c41d
1 changed files with 25 additions and 0 deletions
@@ -1093,3 +1093,28 @@ body {
    font-size: 1.35rem;
  }
 }
+
+/* Narrow-phone polish: stack hero stats so the cockpit never clips at the right edge. */
+@media (max-width: 520px) {
+  .hero-card {
+    overflow: visible;
+  }
+
+  .hero-stats {
+    grid-template-columns: 1fr;
+  }
+
+  .hero-stats div {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    align-items: center;
+  }
+
+  .hero-stats strong {
+    margin-top: 0;
+  }
+
+  .tab-bar {
+    max-width: 100%;
+  }
+}