now the banner is fullscreen on mobile too

master
Robbert Schep 2025-07-30 00:26:32 +02:00
parent f5995aeed8
commit 9b03ce0da6
1 changed files with 1 additions and 1 deletions

View File

@ -212,7 +212,7 @@ body:not(.has-hero) .md-content__inner {
/* === 8. MOBILE ADJUSTMENTS === */ /* === 8. MOBILE ADJUSTMENTS === */
@media screen and (max-width: 76.25em) { @media screen and (max-width: 76.25em) {
.hero-banner { .hero-banner {
min-height: 70vh; min-height: 100vh;
/* MOBILE BACKGROUND - Override the desktop image */ /* MOBILE BACKGROUND - Override the desktop image */
background-image: background-image:
linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),