Fix responsive margins and spacing around the globe

2020-04-09 23:53:43 +02:00
parent 3f7dd758b8
commit abe09f0f69
5 changed files with 41 additions and 19 deletions
--- a/src/style/organisms/_locations.scss
+++ b/src/style/organisms/_locations.scss
@@ -1,7 +1,5 @@
 .browse {
    width: 100%;
-    margin-top: 72px;
-    margin-bottom: 72px;
    overflow: hidden;

    @include breakpoint (sm) {
@@ -50,6 +48,7 @@
            grid-template-columns: repeat(3, 1fr);
            grid-column-gap: pxVW(96);
            grid-row-gap: pxVW(120);
+            // TODO: center alone locations on a row?
            min-height: 200px;
            margin-top: 112px;
            margin-bottom: pxVW(120);