diff --git a/src/style/organisms/_locations.scss b/src/style/organisms/_locations.scss index 141fa0e..65ca353 100644 --- a/src/style/organisms/_locations.scss +++ b/src/style/organisms/_locations.scss @@ -55,15 +55,19 @@ @include breakpoint (xl) { grid-column-gap: 96px; grid-row-gap: 96px; - max-width: 1024px; + // max-width: 1024px; margin-left: auto; margin-right: auto; margin-bottom: 72px; // 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-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)); } } }