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

Fix Locations grid for 4 items

Browse Source
This commit is contained in:
Félix Péault
2020-06-01 22:20:05 +02:00
parent 94859c3543
commit 014089b3c4
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -55,15 +55,19 @@
@include breakpoint (xl) { @include breakpoint (xl) {
grid-column-gap: 96px; grid-column-gap: 96px;
grid-row-gap: 96px; grid-row-gap: 96px;
max-width: 1024px; // max-width: 1024px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: 72px; margin-bottom: 72px;
// To apply when having 4 locations: // To apply when having 4 locations:
// grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
max-width: 1200px;
// grid-column-gap: 120px; // grid-column-gap: 120px;
// grid-row-gap: 120px; // grid-row-gap: 120px;
// Works well but fucks with the FLIP animations
// grid-auto-flow: column;
// grid-template-columns: repeat(auto-fit, minmax(min-content, 1fr));
} }
} }
} }