Stack the wordmark above the question banner
lint-and-reload / lint (push) Successful in 0s

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
bl
2026-09-22 19:08:42 +02:00
co-authored by Claude Fable 5.1
parent fafcc5ea37
commit bbcab04a52
+12
View File
@@ -38,6 +38,18 @@ h1, h2, h3 {
letter-spacing: -0.01em; letter-spacing: -0.01em;
} }
/* Wordmark above, then the question: stacked, so the skewed banner
never runs into the wordmark. */
.hero-copy {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.9rem;
}
.hero-copy .wordmark { order: 0; }
.hero-copy h1 { order: 1; }
.hero-copy p { order: 2; }
/* The page's question sits in a vel-blue banner at the same slight /* The page's question sits in a vel-blue banner at the same slight
skew as the title on tomtervel.no. */ skew as the title on tomtervel.no. */
.hero-copy h1 { .hero-copy h1 {