JSFiddle - React, Tailwind, and code Playground

HTML

<div class="pre-wrapper">
    <div class="wrapper">
        <ul class="itemList">
            <li class="item"></li>
            <li class="item"></li>
            <li class="item"></li>
            <li class="item"></li>
            <li class="item"></li>
            <li class="item"></li>
        </ul>
    </div>
</div>

CSS

.pre-wrapper {
    margin: 10px;
    width: 0.4%;
}
    .wrapper {
        border: 1px solid black;
        overflow: hidden;
        width: 15000%;
    }
        .itemList {
            height: 90px;
            list-style: none;
            margin: 0;
            padding: 0;
            width: 10000%; /* просто чтобы всё было в одну строку */
        }
            .item {
                background: green; /* картинок не будет, будет цвет блоков */
                /display: inline; /* ну да, грязный хак для IE6 */
                float: left;
                height: 80px;
                margin: 5px;
                padding: 0;
                width: 140px;
            }