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:
parent
f8e4d765a3
commit
3dd8a81882
|
|
@ -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; }
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue