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

Locations: Make it temp 3 not-too-large columns
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-21 13:09:56 +02:00
parent bdf93e89fb
commit 11c95ce4f2
1 changed files with 10 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/style/organisms/_locations.scss
View File

@@ -53,10 +53,17 @@
margin-bottom: pxVW(120); margin-bottom: pxVW(120);
} }
@include breakpoint (xl) { @include breakpoint (xl) {
grid-template-columns: repeat(4, 1fr); grid-column-gap: 96px;
grid-column-gap: 120px; grid-row-gap: 96px;
grid-row-gap: 120px; max-width: 1024px;
margin-left: auto;
margin-right: auto;
margin-bottom: 184px; margin-bottom: 184px;
// To apply when having 4 locations:
// grid-template-columns: repeat(4, 1fr);
// grid-column-gap: 120px;
// grid-row-gap: 120px;
} }
} }
} }