Utläsningen på en rad på smal skärm

Startsidans utläsning bröt sig på två rader på mobil. Den sätts nu i
sidhuvudets 10 px med tätare spärrning under sm-brytpunkten, ordinarie
grad därutöver. Enradighet verifierad vid 430/390/360/344 px utan
horisontellt överflöde.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012EQg3rJsrQ1ZNTvkzmQAtt
This commit is contained in:
Claude
2026-08-07 09:00:25 +00:00
parent 28bfc29a5c
commit 6c5af03abe
+8 -1
View File
@@ -49,7 +49,14 @@ export default function Start() {
<h1 className="text-[64px] font-semibold leading-none tracking-[0.02em]" style={{ color: FARG.graphite }}> <h1 className="text-[64px] font-semibold leading-none tracking-[0.02em]" style={{ color: FARG.graphite }}>
{ALVA.namn} {ALVA.namn}
</h1> </h1>
<p className="mt-4 text-[15px] uppercase tracking-[0.08em]" style={{ color: FARG.steel }}> {/* Utläsningen är en rad, inte ett stycke — bryts den blir
"ACTION" en egen rad och läser sig som ett kommando. På smal
skärm sätts den i sidhuvudets 10 px med tätare spärrning i
stället för att brytas; från sm gäller ordinarie grad. */}
<p
className="mt-4 whitespace-nowrap text-[10px] uppercase tracking-[0.05em] sm:text-[15px] sm:tracking-[0.08em]"
style={{ color: FARG.steel }}
>
{ALVA.utlast} {ALVA.utlast}
</p> </p>
<p className="mt-2 text-[13px] uppercase tracking-[0.08em]" style={{ color: FARG.steel }}> <p className="mt-2 text-[13px] uppercase tracking-[0.08em]" style={{ color: FARG.steel }}>