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;