Kann mir jemand helfen, herauszufinden, warum mein Code nicht funktioniert? Ich versuche, 2 Zeilen und 6 Elemente auf der gesamten Breite und 1 Zeile mit 1 Element auf dem Handy zu erstellen.

$('.your-class').slick({
        slidesToShow: 1,
  rows:2,
  slidesPerRow: 3,
    responsive: [{ 
        breakpoint: 500,
        settings: {
            arrows: true,
            infinite: false,
              rows:1,
  slidesPerRow: 1,
            slidesToShow: 1,    
        } 
    }]
});

<div class="your-class">
      <div class="">your content</div>
      <div class="">your content</div>
      <div class="">your content</div>
      <div class="">your content</div>
      <div class="">your content</div>
      <div class="">your content</div>
</div>

http: //codepen.io/Kibs/pen/aNzvB

Vielen Dan