From 3129d99b04dc1d9f0a43241d2b648e1e5419ae59 Mon Sep 17 00:00:00 2001 From: kisfenyo Date: Sun, 11 Oct 2026 12:22:46 +0200 Subject: [PATCH] website: M2's top-bar button no longer wraps on a phone It broke to two lines at 390px. Hidden below 900px; the hero carries the same call to action three lines lower, so nothing is lost. --- website/preview/mockup.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/website/preview/mockup.css b/website/preview/mockup.css index 102a4981..795b9227 100644 --- a/website/preview/mockup.css +++ b/website/preview/mockup.css @@ -1288,6 +1288,8 @@ select.form-control option { .m2-foot p { color: var(--text-2); font-size: .85rem; display: inline-flex; gap: .6rem; align-items: center; flex-wrap: wrap; justify-content: center; } @media (max-width: 900px) { + /* the top-bar CTA wrapped to two lines at 390px; the hero carries the same one */ + .m2-top .btn { display: none; } .m2-hero { grid-template-columns: 1fr; gap: 2rem; padding-top: 2.5rem; } .launch-grid--mini { grid-template-columns: repeat(3, 1fr); } .m2-who { flex-direction: column; }