From 70540c8ebc30ee6f0cf890c5da9092a7959ab6bc Mon Sep 17 00:00:00 2001 From: Kimmo Puputti Date: Fri, 12 Jan 2018 12:01:40 +0200 Subject: [PATCH 1/2] Fix landing page paddings in medium breakpoint --- src/containers/LandingPage/LandingPage.css | 15 ++++----------- 1 file changed, 4 insertions(+), 11 deletions(-) diff --git a/src/containers/LandingPage/LandingPage.css b/src/containers/LandingPage/LandingPage.css index 1dd5ca2b..1beb3b8a 100644 --- a/src/containers/LandingPage/LandingPage.css +++ b/src/containers/LandingPage/LandingPage.css @@ -48,14 +48,7 @@ .sections { margin: 0; - - @media (--viewportMedium) { - padding: 1px 7.5vw 0 7.5vw; - } - - @media (--viewportLarge) { - padding: 1px 0px; - } + padding-top: 1px; } .section { @@ -81,13 +74,13 @@ margin: var(--sectionMarginTopMobile) 24px 51px 24px; @media (--viewportMedium) { - max-width: 1052px; - margin: 60px auto 60px auto; + margin: 60px 7.5vw 60px 7.5vw; } @media (--viewportLarge) { - max-width: 1052px; + max-width: calc(1052px + 36px + 36px); margin: var(--sectionMarginTop) auto 93px auto; + padding: 0 36px 0 36px; } } From 84449b7e4d747a42637e786f8b51f821c3f75667 Mon Sep 17 00:00:00 2001 From: Kimmo Puputti Date: Fri, 12 Jan 2018 16:28:19 +0200 Subject: [PATCH 2/2] Expand Footer top border to full width --- src/components/Footer/Footer.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css index 129b41c6..b277bfd0 100644 --- a/src/components/Footer/Footer.css +++ b/src/components/Footer/Footer.css @@ -14,7 +14,7 @@ } @media (--viewportLarge) { - padding: 0 30px 81px 30px; + padding: 0 0 81px 0; border-top: none; } }