JSFiddle - React, Tailwind, and code Playground

HTML

<div class="sidebar">Logo</div>

<div class="scroll-area">
    <ul>
        <li><img src="http://placehold.it/500x800" /></li>
        <li><img src="http://placehold.it/500x800" /></li>
        <li><img src="http://placehold.it/500x800" /></li>
    </ul>
</div>

CSS

.sidebar {
    width: 2000px;
}

.scroll-area {
    width: 1500px;
    overflow: scroll;
}

ul {
    width: 2500px;
}

ul li {
    display: inline;
    float: left;
    margin-right: 10px;
}