JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
<link rel="stylesheet" href="//cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css">
<div class="pricingTab">
<div class="priceTable1">
<div class="headerOfTab">Минимальный</div>
<div class="hrOfTab"></div>
<div class="priceOfTab"> <div class="priceOfTabMini">$</div>120</div>
<ul class="textOfTab">
<li>10 фотографий</li>
<li class="li">Фотографии размером<br>1200х800</li>
<li class="li">Съёмка 3-4 образов</li>
</ul>
</div>
<div class="priceTable2">
<div class="headerOfTab">Комфортный</div>
<div class="hrOfTab"></div>
<div class="priceOfTab"> <div class="priceOfTabMini">$</div>170</div>
<ul class="textOfTab">
<li>20 фотографий</li>
<li class="li">Фотографии размером<br>1200х800</li>
<li class="li">Съёмка 4-5 образов</li>
</ul>
</div>
<div class="priceTable3">
<div class="headerOfTab">Стандарт</div>
<div class="hrOfTab"></div>
<div class="priceOfTab"> <div class="priceOfTabMini">$</div>350</div>
<ul class="textOfTab">
<li>30 фотографий</li>
<li class="li">Фотокнига размеров<br>20х20 на 10 разворотов</li>
<li class="li">Фотографии размером<br>1200х800</li>
<li class="li">Съёмка 6-10 образов</li>
</ul>
</div>
</div>
JavaScript
$('.pricingTab').slick({
arrows: true,
slidesToShow: 3,
slidesToScroll: 1
});