diff --git a/src/style/molecules/_location.scss b/src/style/molecules/_location.scss index 14642f4..891314d 100644 --- a/src/style/molecules/_location.scss +++ b/src/style/molecules/_location.scss @@ -49,15 +49,25 @@ } // Flag - :global(.flag img) { - display: block; - margin: 2px 24px 0 auto; - border-radius: 100% !important; - transform: translateZ(0); + :global(.flag) { + overflow: hidden; + width: 32px; + height: 32px; + flex-shrink: 0; + margin: 2px 24px 0 0; + border-radius: 100%; @include bp (sm) { margin-top: 0; - margin-right: 0; + margin-left: auto; + margin-right: auto; + } + + :global(img) { + display: block; + width: 100%; + height: auto; + transform: translateZ(0); } } @@ -65,7 +75,7 @@ &__name { display: block; max-width: 304px; - margin: 0 0 0.3em; + margin: 0 0 0.2em; font-size: rem(32px); font-family: $font-serif; font-weight: 300; diff --git a/src/style/organisms/_locations.scss b/src/style/organisms/_locations.scss index eb1761f..2e8b1c5 100644 --- a/src/style/organisms/_locations.scss +++ b/src/style/organisms/_locations.scss @@ -71,8 +71,7 @@ // Locations &__locations { - width: 70%; - max-width: 1200px; + width: 75%; margin: 88px auto 0; padding: 0 32px; @@ -88,6 +87,7 @@ display: flex; flex-flow: row wrap; width: 100%; + max-width: 1200px; margin-top: 104px; } @include bp (sd) {