How to display half of the next slide in Slick js?

Question

css

Hey!
How to display half of the next slide in Slick Js?
Sandbox CodePen
Here they talk about a fixed width of the slide and specify the width of the parent 2 times more. But this trick doesn't work.
How to set up a slick slider so that 1 slide is active, and the previous slide and the next one are displayed at 50%?

Answer 1

Select three slides to show, enable centerMode, and use margin to push the outermost slides out of the border.