diff --git a/src/components/SectionHowItWorks/SectionHowItWorks.css b/src/components/SectionHowItWorks/SectionHowItWorks.css index 47639b19..e68c2c53 100644 --- a/src/components/SectionHowItWorks/SectionHowItWorks.css +++ b/src/components/SectionHowItWorks/SectionHowItWorks.css @@ -29,7 +29,11 @@ } .stepTitle { + margin-top: 18px; + margin-bottom: 18px; + @media (--viewportMedium) { + margin-top: 21px; margin-bottom: 18px; } } diff --git a/src/components/SectionLocations/SectionLocations.css b/src/components/SectionLocations/SectionLocations.css index 59c8b1c3..3af03050 100644 --- a/src/components/SectionLocations/SectionLocations.css +++ b/src/components/SectionLocations/SectionLocations.css @@ -28,12 +28,16 @@ .location { width: 100%; - margin-bottom: 27px; + margin-top: 25px; /* Remove link's hover effect */ &:hover { text-decoration: none; } + + @media (--viewportMedium) { + margin-top: 0; + } } .location { @@ -88,7 +92,12 @@ .linkText { @apply --marketplaceH2FontStyles; color: var(--matterColor); + margin-top: 15px; margin-bottom: 0; + + @media (--viewportMedium) { + margin-top: 21px; + } } .locationName { diff --git a/src/containers/LandingPage/LandingPage.css b/src/containers/LandingPage/LandingPage.css index 2b4ba9aa..8ef4dfbe 100644 --- a/src/containers/LandingPage/LandingPage.css +++ b/src/containers/LandingPage/LandingPage.css @@ -66,11 +66,11 @@ } .sectionContent { - margin: var(--sectionMarginTopMobile) 24px 50px 24px; + margin: var(--sectionMarginTopMobile) 24px 51px 24px; @media (--viewportMedium) { max-width: 1052px; - margin: var(--sectionMarginTop) auto; + margin: var(--sectionMarginTop) auto 93px auto; } }