title: Slick Slider two rows, how?
body: <p>How do I make it have two rows with text below?
  This is what i want:
  <a href="https://i.stack.imgur.com/YsnOu.png" rel="nofollow noreferrer">enter image description here</a>
  I want to achive this.</p>
  <p>this is my HTML</p>
  <pre><code>               &lt;div class=&quot;radio-news-slider&quot;&gt;
                      &lt;article&gt;
                          &lt;figure&gt;
                              &lt;a href=&quot;#&quot;&gt;
                                  &lt;img src=&quot;img/radio-new/radio-new.png&quot; alt=&quot;&quot;/&gt;
                              &lt;/a&gt;
                          &lt;/figure&gt;
                          &lt;a href=&quot;#&quot;&gt;Lorem ipsum dolor sit amet&lt;/a&gt;
                          &lt;p class=&quot;mb-0&quot;&gt;
                              Class aptent taciti sociosqu ad litora torquent per conubia
                          &lt;/p&gt;
                      &lt;/article&gt;
                      &lt;article&gt;
                          &lt;figure&gt;
                              &lt;a href=&quot;#&quot;&gt;
                                  &lt;img src=&quot;img/radio-new/radio-new.png&quot; alt=&quot;&quot;/&gt;
                              &lt;/a&gt;
                          &lt;/figure&gt;
                          &lt;a href=&quot;#&quot;&gt;Lorem ipsum dolor sit amet&lt;/a&gt;
                          &lt;p class=&quot;mb-0&quot;&gt;
                              Class aptent taciti sociosqu ad litora torquent per conubia
                          &lt;/p&gt;
                      &lt;/article&gt;
                   &lt;/div&gt;
  </code></pre>
  <p>And more aticles.
  This is output from this code:
  <a href="https://i.stack.imgur.com/8P0G5.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>This is my JS:</p>
  <pre><code>$('.radio-news-slider').slick({
      infinite: true,
      slidesToShow: 5,
      prevArrow: &quot;&lt;i class='slick-prev pull-left fas fa-sort-up' aria-hidden='true'&gt;&lt;/i&gt;&quot;,
      nextArrow: &quot;&lt;i class=' slick-next pull-right fas fa-sort-up' aria-hidden='true'&gt;&lt;/i&gt;&quot;,
      responsive: [
          {
              breakpoint: 576,
              settings: {
                  slidesToShow: 3,
                  rows: 2
              }
          },
          {
              breakpoint: 768,
              settings: {
                  slidesToShow: 3
              }
          },
          {
              breakpoint: 992,
              settings: {
                  slidesToShow: 4
              }
          }
      ]
  });
  </code></pre>
  <p>Please help me how to do this..</p>