fix: keep mobile tabs immediately reachable

2026-05-09 20:20:29 +02:00
parent 6ba407f0f4
commit 2cb4b94214
2 changed files with 56 additions and 15 deletions
@@ -1052,3 +1052,44 @@ select {
 .project-card {
  display: block;
 }
+
+/* Mobile reachability patch: tabs live immediately under the hero, and the page itself never side-scrolls. */
+html,
+body {
+  overflow-x: hidden;
+}
+
+.hero-stats,
+.hero-stats div,
+.hero-copy,
+.hero-goal {
+  min-width: 0;
+}
+
+.hero-copy,
+.hero-goal {
+  overflow-wrap: anywhere;
+}
+
+@media (max-width: 860px) {
+  .tab-bar {
+    top: 0.4rem;
+    margin-top: 0.65rem;
+  }
+
+  .hero-card {
+    padding: 1rem;
+  }
+
+  .hero-stats {
+    gap: 0.5rem;
+  }
+
+  .hero-stats div {
+    padding: 0.7rem;
+  }
+
+  .hero-stats strong {
+    font-size: 1.35rem;
+  }
+}