Fix guide landing hero cropped under fixed header

Match the FAQ fix: increase .guide-landing-hero top padding so the eyebrow and title clear the fixed 80px header.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskik 2026-07-31 23:18:36 +02:00
parent f8e4d765a3
commit 3dd8a81882
1 changed files with 2 additions and 2 deletions

View File

@ -207,7 +207,7 @@
.guide-landing { font-family: 'Inter', sans-serif; } .guide-landing { font-family: 'Inter', sans-serif; }
.guide-landing-hero { .guide-landing-hero {
background: linear-gradient(180deg, #F5FAFB 0%, #FFFFFF 100%); background: linear-gradient(180deg, #F5FAFB 0%, #FFFFFF 100%);
padding: 72px 24px 56px; padding: 112px 24px 56px; /* clears the fixed 80px header */
text-align: center; text-align: center;
} }
.guide-landing-hero .guide-eyebrow { .guide-landing-hero .guide-eyebrow {
@ -867,7 +867,7 @@
/* ---------- Responsive ---------- */ /* ---------- Responsive ---------- */
@media (max-width: 768px) { @media (max-width: 768px) {
.guide-landing-hero { padding: 52px 20px 44px; } .guide-landing-hero { padding: 92px 20px 44px; }
.guide-landing-hero h1 { font-size: 32px; } .guide-landing-hero h1 { font-size: 32px; }
.guide-hero-image { aspect-ratio: 2 / 1; } .guide-hero-image { aspect-ratio: 2 / 1; }
.guide-route { margin-top: 24px; padding: 22px; border-radius: 16px; } .guide-route { margin-top: 24px; padding: 22px; border-radius: 16px; }