flayks/housesof
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix responsive margins and spacing around the globe
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Félix Péault
2020-04-09 23:53:43 +02:00
parent 3f7dd758b8
commit abe09f0f69
5 changed files with 41 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/style/layouts/_explore.scss
View File

@@ -1,24 +1,28 @@
.explore {
// Description
&__description {
position: relative;
z-index: 3;
max-width: 312px;
margin: 0 auto;
margin-bottom: 72px;
@include breakpoint (sm) {
max-width: 472px;
margin-bottom: 120px;
margin-bottom: 0 !important;
}
}
// Globe
.globe {
margin-top: -25vw;
margin-bottom: -18vw;
margin-top: -96px;
margin-bottom: -160px;
@include breakpoint (sm) {
margin-bottom: calc(-120px - 6vw);
}
@include breakpoint (xl) {
margin-top: -320px;
margin-bottom: -320px;
margin-top: -176px;
margin-bottom: -240px;
}
}
@@ -26,7 +30,7 @@
.browse {
position: relative;
z-index: 3;
padding-left: 0;
padding-right: 0;
margin-top: 72px;
margin-bottom: 72px;
}
}