Add position relative, and reduce margin of hero

Without the position relative, the booking button is no longer on top
of the carousel depending on the screen resolution, and Oriol wants less
gap between the carrousel and the next section.
This commit is contained in:
jordi fita mas 2024-01-17 17:54:05 +01:00
parent 25308a3359
commit c69c715ef3
1 changed files with 8 additions and 3 deletions

View File

@ -423,7 +423,12 @@ nav:last-of-type > ul > li:last-child {
background-size: cover; background-size: cover;
} }
.hero, .nature, .services { .hero {
position: relative;
margin-bottom: 2rem;
}
.nature, .services {
margin-bottom: 5rem; margin-bottom: 5rem;
} }
@ -483,8 +488,8 @@ nav:last-of-type > ul > li:last-child {
.hero a { .hero a {
position: absolute; position: absolute;
bottom: 6.75rem; bottom: 1.5rem;
right: 7.5rem; right: 3.5rem;
} }
.hero a:hover span, .services a:hover span, .spiel a:hover span, .campsite_type_booking button:hover span { .hero a:hover span, .services a:hover span, .spiel a:hover span, .campsite_type_booking button:hover span {