title: Using slick to create a carousel from li elements
body: <p>I'm using slick to create a carousel from list items
  The structure of list is like this</p>
  
  <pre><code>&lt;div class="slicker"&gt;
      &lt;li&gt;
          &lt;img /&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;img /&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;img /&gt;
      &lt;/li&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm unable to create a carousel of it .
  The content rather appears as a normal list.
  When checking the node I see the relevant classed added to the dom.</p>
  
  <p>Link for slick :<a href="https://kenwheeler.github.io/slick/" rel="noreferrer">https://kenwheeler.github.io/slick/</a></p>