title: Slick, hide items on the sides
body: <p>I would like the sliders on the sides are not visible. Only 2 items in the middle, then 1 item on mobile.</p>
  
  <p>Here is a diagram: <a href="http://nsa37.casimages.com/img/2017/07/17/170717011620615002.jpg" rel="nofollow noreferrer">http://nsa37.casimages.com/img/2017/07/17/170717011620615002.jpg</a> and my codepen: <a href="https://codepen.io/anon/pen/owOJpa" rel="nofollow noreferrer">https://codepen.io/anon/pen/owOJpa</a></p>
  
  <p>The red slides must not be visible. </p>
  
  <p>The simplest solution would be to group 2 citations into a single item, but the problem would be on mobile. There would be 2 items on mobile too, which I do not want.</p>
  
  <pre><code>$('.customers-review__list').slick({
   arrows: false,
   dots: true,
     mobileFirst: true,
     responsive: [
      {
       breakpoint: 1,
       settings: {
        slidesToShow: 1,
        slidesToScroll: 1,
       }
     },
  
     {
      breakpoint: 768,
      settings: {
       slidesToShow: 2,
       slidesToScroll: 2,
      }
     },
   ]
  });
  </code></pre>
  
  <p>Do you have any idea how to get there? Thanks.</p>