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

Edit responsive on Browse/Locations page

Browse Source
This commit is contained in:
Shelby Kay
2021-10-05 15:23:23 +02:00
parent 7f5c74086f
commit 04188ab7be
7 changed files with 53 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,7 +3,6 @@
// Intro Section
&__intro {
overflow: hidden;
margin-bottom: 72px;
color: $color-tertiary;
text-align: center;
@@ -11,23 +10,27 @@
h1 {
color: $color-secondary;
line-height: 1;
margin-top: -20px;
margin-top: 56px;
@include bp (sm) {
margin-top: -100px;
margin-top: 160px;
}
}
// Text
p {
max-width: 350px;
margin: 20px auto 56px;
max-width: 260px;
margin: 40px auto 0;
font-weight: 400;
@include bp (sm) {
margin: 50px auto 72px;
max-width: 524px;
margin: 72px auto 130px;
max-width: 500px;
}
}
}
.globe {
margin-top: 72px;
}
// Locations
&__locations {
@@ -39,7 +42,8 @@
// Modules
.grid-modules {
grid-column: 1 / span var(--columns);
margin-bottom: 0;
margin: 96px 20px 0;
padding-bottom: 40px;
@include bp (sm) {
grid-column: 2 / span 22;