Horizontal Scroll Container?

[bsc0tt]

I cant figure out how to make a horizontal scroll container. Is this possible?

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
    	<div class="child" style='width:4000px;height:100px;background: linear-gradient(0.25turn, #3f87a6, #ebf8e1, #f69d3c)'>
    	</div>
    </div>
  </div>
</div>


<script>
  var swiper = new Swiper('.swiper-container', {
    slidesPerView: 'auto',     
    freeMode: true,      
  });
</script>

[bsc0tt]

I was able to 'hack' it by setting: swiper-slide.style.width = child.scrollWidth

Since child width is dynamic, I have to run this update each time the child is changed.