title: Slick show 2 row, 6 items on desktop and 1 row, 1 item on mobile
body: <p>Could someone help me figure out why my code isn't working? I'm trying to accomplish 2 rows and 6 items on the full width and 1 row with 1 item on mobile.</p>
  
  <pre><code>$('.your-class').slick({
          slidesToShow: 1,
    rows:2,
    slidesPerRow: 3,
      responsive: [{ 
          breakpoint: 500,
          settings: {
              arrows: true,
              infinite: false,
                rows:1,
    slidesPerRow: 1,
              slidesToShow: 1,    
          } 
      }]
  });
  
  &lt;div class="your-class"&gt;
        &lt;div class=""&gt;your content&lt;/div&gt;
        &lt;div class=""&gt;your content&lt;/div&gt;
        &lt;div class=""&gt;your content&lt;/div&gt;
        &lt;div class=""&gt;your content&lt;/div&gt;
        &lt;div class=""&gt;your content&lt;/div&gt;
        &lt;div class=""&gt;your content&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://codepen.io/Kibs/pen/aNzvBG" rel="nofollow">http://codepen.io/Kibs/pen/aNzvBG</a></p>
  
  <p>thanks</p>