How to make the slick Slider Syncing view work correctly?

Question

css

The code If to interpose Single Item that all without problems. But I need Slider Syncing kenwheeler.github.io/slick at the very bottom. How to style it like in the original? I give the .slider-nav div a right margin, but it doesn't recede. and It is not yet clear how to put the arrows? I work with this slider for the first time, tell me how to set up Slider Syncing? You need one large slide and 5 small ones below and arrows. And what kind of list with numbers is also not clear. And when I insert pictures instead of text into the slider-nav, the slider stops working.

Answer 1

Something like this in a hurry, you didn’t insert the second style library, didn’t initialize the slider on the dock, didn’t do the wrapper and just didn’t work with css in general. Just read the documentation carefully.
codepen.io/RTW/pen/QGXoLL