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:
parent
25308a3359
commit
c69c715ef3
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue