JSFiddle - React, Tailwind, and code Playground

by eget teteete

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.8/slick.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.js"></script>


<div class="carousel">
  <img src="https://cdn2.hubspot.net/hub/482618/hubfs/demo-logo.png">
  <img src="https://cdn2.hubspot.net/hub/482618/hubfs/demo-logo.png">
  <img src="https://cdn2.hubspot.net/hub/482618/hubfs/demo-logo.png">
  <img src="https://cdn2.hubspot.net/hub/482618/hubfs/demo-logo.png">
  <img src="https://cdn2.hubspot.net/hub/482618/hubfs/demo-logo.png">
  <img src="https://cdn2.hubspot.net/hub/482618/hubfs/demo-logo.png">
</div>

JavaScript

$(document).ready(function(){
	  $('.carousel').slick({
		  dots: true,
		  slidesPerRow: 3,
		  rows: 3,
		  responsive: [
		  {
			breakpoint: 1024,
			settings: {
			  slidesPerRow: 1,
			  rows: 1,
			}
		  },
		  {
			breakpoint: 640,
			settings: {
			  slidesPerRow: 1,
			  rows: 1,
			}
		  }
		]
	  });
	});