hero: wrap the fleet-fact bar on phones - nowrap+max-content busts a 390px viewport

2026-07-03 20:16:52 +10:00
parent 71c3f00618
commit de7c257ab7
1 changed files with 12 additions and 1 deletions
@@ -303,7 +303,18 @@ import Constellation from "./Constellation.astro";
  }
  @media (max-width: 560px) {
    .hero__viz { display: none; }
-    .hero__fact { font-size: 12px; }
    .hero__scroll { display: none; }
+    /* phones: the fact bar fills the column and WRAPS like a real terminal —
+       the desktop one-liner (nowrap + max-content) busts a 390px viewport */
+    .hero__fact {
+      font-size: 12px;
+      width: 100%;
+      max-width: 100%;
+    }
+    .hero__fact-line {
+      white-space: normal;
+      overflow-wrap: anywhere;
+      line-height: 1.5;
+    }
  }
 </style>