diff --git a/src/components/Hero.astro b/src/components/Hero.astro index 463715a..bfe46e9 100644 --- a/src/components/Hero.astro +++ b/src/components/Hero.astro @@ -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; + } }