make slick slider only show 3 item

Question

hello i use slick slider and want to show only 3 image

but it left half image in both side

<div class="review-company">
    div><img src="http://placehold.it/350x350"></div>
    <div><img src="http://placehold.it/350x350"></div>
    <div><img src="http://placehold.it/350x350"></div>
    <div><img src="http://placehold.it/350x350"></div>
    <div><img src="http://placehold.it/350x350"></div>
    </div><!-- Review-company -->

 $('.review-company').slick({
      centerMode: true,
      centerPadding: '60px',
      slidesToShow: 3,
      responsive: [
        {
          breakpoint: 768,
          settings: {
            arrows: false,
            centerMode: true,
            centerPadding: '40px',
            slidesToShow: 3
          }
        },
        {
          breakpoint: 480,
          settings: {
            arrows: false,
            centerMode: true,
            centerPadding: '40px',
            slidesToShow: 1
          }
        }
      ]
    });

how to make it only show 3 image with empty space in left and right?

Answer 1

just make centerMode false

got it from @Yass