Toppen uten ramme på mobil
claude-issue-bot.yml (push) Invalid workflow file
lint-and-reload / lint (push) Successful in 2s

Portals telefonregel for .hero (3rem over, 1,25rem på sidene) står etter
dens egen .hero-slides-nullstilling med samme spesifisitet, så på telefon
vant den tilbake: 36px ingenting over ordmerket, og bildeserien trukket
15px inn fra begge kanter i stedet for å gå ut til dem. Linjen og teksten
har allerede sine 1,5rem, så rammen trenger ingen.

Den enkle toppen (kontakt, takk) beholder sideluften - linjens 1,5rem, så
ordmerket lander på samme kant som på forsiden - og legger seg i linjens
høyde i stedet for 3rem ned.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
blandClaude Fable 5.1 committed 2026-10-19 14:32:21 +02:00
1 parent d475861f2a
commit 91858a8a81
1 file changed
+16
+16
View File
@@ -188,6 +188,22 @@ h1, h2, h3 {
.alt-card {
padding: 1.4rem 1.35rem 1.45rem;
}
/* Portal's phone rule for .hero (3rem on top, 1.25rem either side) is
written after its .hero-slides reset and at the same specificity, so
on a phone it won: 36px of nothing above the wordmark, and the
slideshow pulled 15px in from both edges instead of bleeding to them.
The bar and the copy carry their own 1.5rem, so the frame needs none. */
.hero-slides {
padding: 0 0 2rem;
}
/* The plain hero (kontakt, takk) has no inner bar, so it keeps a side
inset - the bar's 1.5rem, so the wordmark lands on the same edge as
on the front page - and sits at the bar's height instead of 3rem down. */
.hero:not(.hero-slides) {
padding: 1rem 1.5rem 2rem;
}
}
.alt-card h2 {