From 9aa8d6e7cd6f89a30346e9e9cf22185b1fe33da7 Mon Sep 17 00:00:00 2001 From: Hannu Lyytikainen Date: Thu, 2 Nov 2017 22:43:23 +0200 Subject: [PATCH] Change How it works step margin logic --- .../SectionHowItWorks/SectionHowItWorks.css | 14 ++++---------- 1 file changed, 4 insertions(+), 10 deletions(-) diff --git a/src/components/SectionHowItWorks/SectionHowItWorks.css b/src/components/SectionHowItWorks/SectionHowItWorks.css index 95b4a113..6375a78b 100644 --- a/src/components/SectionHowItWorks/SectionHowItWorks.css +++ b/src/components/SectionHowItWorks/SectionHowItWorks.css @@ -67,21 +67,15 @@ } } -.step:nth-of-type(1) { +.step { @media (--viewportMedium) { - margin-right: 38px; + margin-right: 76px; } } -.step:nth-of-type(2) { +.step:last-of-type { @media (--viewportMedium) { - margin: 0 38px; - } -} - -.step:nth-of-type(3) { - @media (--viewportMedium) { - margin-left: 38px; + margin-right: 0; } }