JSFiddle - React, Tailwind, and code Playground

HTML

<section>
  <div class="pic-container">
    <div class="pic-row">
      <img src="1.jpg">
      <img src="2.jpg">
      <img src="3.jpg">
      <img src="4.jpg">
      <img src="5.jpg">
      <img src="6.jpg">
    </div>
  </div>
</section>

CSS

section {
  overflow: hidden;
}
.pic-container {
  /* The width of your document */
  width:960px;
  margin: 0 auto;
  white-space:nowrap; 
  overflow: scroll;
}
.pic-row {
  /* As wide as it needs to be */
  width: 1500px;
}