title: Whitespace if slick-carousel has variableWidth and dynamic container
body: <p>I have variable number of cards and also the container is of dynamic dimensions.
  So I set <code>variableWidth: true</code> and as per requirement <code>infinite: false</code>
  What I have is below issue where I have to solve.</p>
  
  <p><a href="https://i.stack.imgur.com/P4zVO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P4zVO.png" alt="enter image description here"></a></p>
  
  <p>I want the first and last slide to stick to edges.</p>
  
  <p>I am using <a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">Jquery Slick Carousel</a></p>
  
  <p>JS Fiddle to quickly check the issue
  <a href="https://jsfiddle.net/34mjkz38/" rel="nofollow noreferrer">https://jsfiddle.net/34mjkz38/</a></p>