Fix some spacing

- Footer links icons - Browse locations
2020-03-29 12:17:50 +02:00
parent 0c0792086d
commit 25fa9e1c07
2 changed files with 11 additions and 6 deletions
--- a/src/style/organisms/_footer.scss
+++ b/src/style/organisms/_footer.scss
@@ -71,7 +71,11 @@
            transition: color 85ms $ease-inout;

            img, svg {
-                margin-right: 16px;
+                margin-right: 8px;
+
+                @include breakpoint (sm) {
+                    margin-right: 16px;
+                }
            }

            // Hover
--- a/src/style/organisms/_locations.scss
+++ b/src/style/organisms/_locations.scss
@@ -38,16 +38,17 @@
    // Locations
    &__locations {
        min-height: 200px;
-        margin-top: 112px;
+        margin-top: 72px;

        @include breakpoint (sm) {
            display: flex;
-            // display: grid;
-            // grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-            grid-column-gap: 120px;
-            grid-row-gap: pxVW(120);
            justify-content: center;
            margin-bottom: pxVW(232);
+            margin-top: 112px;
+            // display: grid;
+            // grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+            // grid-column-gap: 120px;
+            // grid-row-gap: pxVW(120);
        }
        @include breakpoint (xl) {
            margin-bottom: 232px;