JSFiddle - React, Tailwind, and code Playground

HTML

<div id="fotos">
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

CSS

#fotos{
    margin-top:30px;
    width:650px;
    overflow-x: hidden;
    height:110px;
    border:1px solid #CCC;
    white-space: nowrap;
}

#fotos ul li{

    margin-right:4px;
    cursor: pointer;
    width:100px;
    height:100px;
    background:#CCC;
    border:1px solid #555;
    display: inline-block;
}