Fix PhotoCard and Locations responsive

2021-10-26 11:02:41 +02:00
parent ca03881099
commit ad1b57fef2
2 changed files with 15 additions and 5 deletions
--- 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%;
--- 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;