JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
<script src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<div class="container">
  <div class="slider-wrapper">
    <div class="slaider-spares">
  <div>
    <div class="slider-item">1</div>
  </div>
  <div>
    <div class="slider-item">1</div>
  </div>
  <div>
    <div class="slider-item">1</div>
  </div>
  <div>
    <div class="slider-item">1</div>
  </div>
  <div>
    <div class="slider-item">1</div>
  </div><div>
    <div class="slider-item">1</div>
  </div><div>
    <div class="slider-item">1</div>
  </div><div>
    <div class="slider-item">1</div>
  </div>
  <div>
    <div class="slider-item">1</div>
  </div>
  <div>
    <div class="slider-item">1</div>
  </div>
  <div>
    <div class="slider-item">1</div>
  </div>
  <div>
    <div class="slider-item">1</div>
  </div>
  <div>
    <div class="slider-item">1</div>
  </div><div>
    <div class="slider-item">1</div>
  </div><div>
    <div class="slider-item">1</div>
  </div><div>
    <div class="slider-item">1</div>
  </div>
</div>
  </div>
</div>

CSS

.container {width: 600px; margin: 0 auto; border: 1px solid #999; overflow: hidden;}
.slider-wrapper {margin: 0 -15px;}
.slider-item {border: 1px solid #000; margin: 15px;}

JavaScript

$('.slaider-spares').slick({
  slidesToShow: 5,
  slidesToScroll: 1,
  rows: 2,
  arrows: false,
});