title: Slick carousel in two rows left to right
body: <p>I need to make a two lines carousel with left to right order (also responsive)</p>
  
  <p><a href="https://i.stack.imgur.com/pisso.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/pisso.jpg" alt="enter image description here"></a></p>
  
  <p>With:</p>
  
  <pre><code>$('slider').slick({
   rows: 2,
   slidesToShow: 3,
   responsive: [
       {
       breakpoint: 768,
       settings: {
          slidesToShow: 1           
       }
      }
    ]            
  }); 
  </code></pre>
  
  <p>I get this order:</p>
  
  <pre><code>1  3  5  7  9  11
  2  4  6  8  10 12
  </code></pre>
  
  <p>This solution is not good for me because I'm using 1 slides to show in responsive mode: <a href="https://stackoverflow.com/questions/22545466/how-can-i-create-a-carousel-with-multiple-rows">How can I create a carousel with multiple rows?</a> </p>
  
  <p>Any ideas?</p>