title: How to center 2 slides in Slick carousel?
body: <p>I use <a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">Slick</a> in my project and I need to center two slides. Unfortunately <code>centerMode</code> option works only with odd numbered <code>slidesToShow</code> counts. I tried to center active slides by CSS but without effects.</p>
  
  <p>Do you know any solution? Thank you in advance!</p>
  
  <hr>
  
  <p>Edit: </p>
  
  <p>Example of my carousel: <a href="https://jsfiddle.net/lukaszflorczak/y7t64oqs/" rel="nofollow noreferrer">https://jsfiddle.net/lukaszflorczak/y7t64oqs/</a>.</p>
  
  <p>I want to have 1 centered item on the smallers screens, next 2, 3 etc. Not active slides have less opacity.  </p>