How to set different widths for slides in slick slider?

Question

Slick

Actually, the question itself is in the topic title. How to make the center slide the largest, slides on the right and left smaller?

Answer 1

JS:

$('.slider').slick({
    centerMode: true
});

CSS:

.slick-current {
    transform: scale(1.3);
}

Answer 2

the site has an example with center mode.
as an option to increase the content of the current container.

<div class="slick-slide"><div class="container-content">слайд 1</div></div>
<div class="slick-slide slick-current"><div class="container-content">слайд 2</div></div>
<div class="slick-slide"><div class="container-content">слайд 3</div></div>

in css

.slick-current > .container-content {
  transform: scale(2);
}