JSFiddle - React, Tailwind, and code Playground

HTML

<div id="scrollar">
    <img src="1.jpg">
    <img src="2.jpg">
    <img src="3.jpg">
    <img src="4.jpg">
    <img src="5.jpg">
    <img src="6.jpg">
    <img src="7.jpg">
    <img src="8.jpg">
</div>

CSS

div#scrollar {
    white-space: nowrap;
    overflow-x: scroll;
}

div#scrollar img {
    width: 100px;
}