title: fixed width slides with slick carousel
body: <p>Is there that this can be achieved ie so that the slides don't adjust in width depending on viewport size: My example is here:</p>
  
  <p><a href="http://machinas.com/wip/hugoboss/responsive-template/v4/" rel="noreferrer">http://machinas.com/wip/hugoboss/responsive-template/v4/</a></p>
  
  <p>And the code is as follows:</p>
  
  <pre><code>$('.main-slider').slick({
           centerMode: true,
          centerPadding: '0px',
          slidesToShow: 3,
          dots: true,
           speed: 1200,
           slidesToScroll: 1,
            infinite: true,
            customPaging: function(slick,index) {
                  return $('.thumbnails').eq(index).find('img').prop('outerHTML');
              },
            responsive: [
              {
                breakpoint: 640,
                settings: {
                  arrows: false,
                  dots: true,
                  centerMode: false,
                  slidesToShow: 1,
                  customPaging: function(slick,index) {
                      return '&lt;button type="button" data-role="none"&gt;' + (index + 1) + '&lt;/button&gt;';
                    }
                }
              }
            ]
  });
  </code></pre>