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>