diff --git a/src/components/sections/community/events/events.module.scss b/src/components/sections/community/events/events.module.scss index f902f2d..243194f 100644 --- a/src/components/sections/community/events/events.module.scss +++ b/src/components/sections/community/events/events.module.scss @@ -8,7 +8,7 @@ padding: tovw(220px, 'default', 72px) 0; .slider__container { - width: calc(100% - tovw(305px, 'default', 16px)); + width: calc(100% - tovw(205px, 'default', 16px)); margin-right: 0; margin-left: auto; @@ -70,7 +70,13 @@ } .eventsContainer { - &::after { + padding-left: tovw(100px); + @media screen and (max-width: 800px) { + padding-left: 0; + } + + &::after, + &::before { position: absolute; right: tovw(-20px, 'default', -20px); width: tovw(280px, 'default', 150px); @@ -93,6 +99,16 @@ ); } } + + &::before { + z-index: 5; + right: initial; + left: tovw(-150px); + transform: scaleX(-1); + @media screen and (max-width: 800px) { + content: initial; + } + } } .navigation {