From a477efd7b2b27c57def7007ca429cd975fbb639a Mon Sep 17 00:00:00 2001 From: Cameron Pfiffer Date: Sun, 12 Jul 2026 13:10:16 -0700 Subject: [PATCH] Fix Around signature on narrow screens. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Size the longest line against the usable viewport so the mobile specimen remains centered instead of clipping behind its overflow boundary. 👾 Generated with [Letta Code](https://letta.com) Co-Authored-By: Letta Code --- public/type.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/public/type.css b/public/type.css index 142f0dd..59394de 100644 --- a/public/type.css +++ b/public/type.css @@ -460,7 +460,12 @@ body:has(.type-page) > .theme-toggle { display: none; } .type-detail-grid { grid-template-columns: 1fr; } .type-detail-grid article { min-height: 340px; } .type-love { min-height: 76svh; } - .type-love p { font-size: clamp(4rem, 20vw, 7rem); line-height: 0.88; } + .type-love p { + /* CAMERON. is 6.318 em wide before tracking. Size against the usable + viewport instead of imposing a 4rem floor that clips narrow screens. */ + font-size: min(7rem, calc((100vw - 2rem) / 6.2)); + line-height: 0.88; + } .type-love p > span:last-child { margin-left: 0; } .type-download h2 { font-size: clamp(2.7rem, 14vw, 5rem); } .type-footer span:nth-child(2) { display: none; } -- 2.51.2