JSFiddle - React, Tailwind, and code Playground

HTML

<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>

CSS

.wrapper {
    border: 1px solid black;
    margin: 10px;
    overflow: hidden;
    width: 60%; /* пусть лента будет чуть шире половины экрана */
}
    .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;
        }