From 11c95ce4f257fc518724aa6b4ca4301a35041b05 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Tue, 21 Apr 2020 13:09:56 +0200
Subject: [PATCH] Locations: Make it temp 3 not-too-large columns

---
 src/style/organisms/_locations.scss | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/style/organisms/_locations.scss b/src/style/organisms/_locations.scss
index 35bcade..36d762f 100644
--- a/src/style/organisms/_locations.scss
+++ b/src/style/organisms/_locations.scss
@@ -53,10 +53,17 @@
             margin-bottom: pxVW(120);
         }
         @include breakpoint (xl) {
-            grid-template-columns: repeat(4, 1fr);
-            grid-column-gap: 120px;
-            grid-row-gap: 120px;
+            grid-column-gap: 96px;
+            grid-row-gap: 96px;
+            max-width: 1024px;
+            margin-left: auto;
+            margin-right: auto;
             margin-bottom: 184px;
+
+            // To apply when having 4 locations:
+            // grid-template-columns: repeat(4, 1fr);
+            // grid-column-gap: 120px;
+            // grid-row-gap: 120px;
         }
     }
 }