JSFiddle - React, Tailwind, and code Playground

by Ian Sadovy

HTML

<div id="wrapper">
  <ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
  </ul>
</div>

CSS

#wrapper {
  height: 80px;
  background-color: red;
}
ul {
    width: 100%;
    list-style-type: none;
    margin: auto;
    overflow-x: scroll;
    white-space: nowrap;
}
li{
    height: 100px;
    width: 100px;
    border: 1px solid red;
    
}