How to make 1.1 slides in slick carousel?

Question

JavaScript

Tell me, pzhl, how to do it right


. I did it, but at random, due to styles, but I would like to figure out how to do it right.

$('.rooms__list').slick({
                    infinite: true,
                    dots: false,
                    arrow: '',
                    slidesToShow: 1.1,
                    slidesToScroll: 1,
                    mobileFirst: true,
                })

.slick-slide {
            height: inherit;
        }

        .slick-slide>div {
            height: 100%
        }

        .slick-track {
            display: flex !important;
            gap: 20px;
            margin-left: 33px;
        }