JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <ul>
        <li>
            <img alt="" src="http://screenshots.en.sftcdn.net/en/scrn/79000/79347/video-thumbnails-maker-8.jpg" />
        </li>
        <li>
            <img alt="" src="http://screenshots.en.sftcdn.net/en/scrn/79000/79347/video-thumbnails-maker-8.jpg" />
        </li>
        <li>
            <img alt="" src="http://screenshots.en.sftcdn.net/en/scrn/79000/79347/video-thumbnails-maker-8.jpg" />
        </li>
        <li>
            <img alt="" src="http://screenshots.en.sftcdn.net/en/scrn/79000/79347/video-thumbnails-maker-8.jpg" />
        </li>
        <li>
            <img alt="" src="http://screenshots.en.sftcdn.net/en/scrn/79000/79347/video-thumbnails-maker-8.jpg" />
        </li>
    </ul>
</div>

CSS

#wrapper {
    width:300px;
    overflow-x:scroll;
    overflow-y:hidden;
}
ul {
    list-style:none;
    display:block;
    white-space:nowrap;
}
li {
    width: 100px;
    display:inline;
}