From ad1b57fef2cb182f78bcf99f679f5c7c92476977 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Tue, 26 Oct 2021 11:02:41 +0200
Subject: [PATCH] Fix PhotoCard and Locations responsive

---
 src/style/molecules/_photo-card.scss | 18 ++++++++++++++----
 src/style/organisms/_locations.scss  |  2 +-
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/style/molecules/_photo-card.scss b/src/style/molecules/_photo-card.scss
index bd3e879..286fcd4 100644
--- a/src/style/molecules/_photo-card.scss
+++ b/src/style/molecules/_photo-card.scss
@@ -33,15 +33,25 @@
         flex-wrap: wrap;
         align-items: center;
         color: $color-cream;
-        font-size: clamp(#{rem(14px)}, 1.25vw, #{rem(16px)});
+        font-size: clamp(#{rem(12px)}, 1.5vw, #{rem(14px)});
+
+        @include bp (sm) {
+            font-size: clamp(#{rem(12px)}, 1.2vw, #{rem(14px)});
+        }
 
         picture {
-            width: 24px;
-            height: 24px;
-            margin-right: 16px;
+            width: 20px;
+            height: 20px;
+            margin-right: 12px;
             border-radius: 100%;
             overflow: hidden;
 
+            @include bp (sm) {
+                width: 24px;
+                height: 24px;
+                margin-right: 16px;
+            }
+
             img {
                 display: block;
                 width: 100%;
diff --git a/src/style/organisms/_locations.scss b/src/style/organisms/_locations.scss
index e2fbca3..e858e2a 100644
--- a/src/style/organisms/_locations.scss
+++ b/src/style/organisms/_locations.scss
@@ -80,7 +80,7 @@
             margin-bottom: 40px;
 
             @include bp (mob-lg) {
-                margin-bottom: 0;
+                margin-bottom: 24px;
             }
             @include bp (sd) {
                 margin: 0 22px 56px;