JSFiddle - React, Tailwind, and code Playground

by anay1231

HTML

<div class="slideshow">
  <div class="slick-list">Slide1</div>
  <div class="slick-list">Slide2</div>
  <div class="slick-list">Slide3</div>
  <div class="slick-list">Slide4</div>
  <div class="slick-list">Slide5</div>
</div>

CSS

.slideshow {
   width: 100%;
   height: auto;
   font-size: 100px;
   color:#fff;
   background:#ccc;
}

JavaScript

$(window).resize(function(){
   var sliderheight = $(window).height() - $('#shopify-section-header').height();
   $('.slideshow').css('height',sliderheight);
});