From 014089b3c4d077c7e07a0edbf7ae20c6eb0d472f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Mon, 1 Jun 2020 22:20:05 +0200
Subject: [PATCH] Fix Locations grid for 4 items

---
 src/style/organisms/_locations.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

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));
         }
     }
 }