JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>
        <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRo9zW7hFj-QBBJMTM_CjHqr5MEp6c1Se6P22fpijOfOQXSNJHhKw"/>...

CSS

@media (min-width: 480px) { .container { width: 480px; } }
@media (max-width: 480px) and (min-width: 360px) { .container { width: 360px; } }

img {
    height: 70px;
    width: 100px;
    background-color: red;
    border-style: solid;
    border-color: black;
}

.container
{
    background-color: green;
    height:400px; 
    overflow-x: scroll; 
    overflow-y: hidden;
    -webkit-column-width: 100px;
    column-width: 200px;
    -webkit-column-gap: 20px;
    column-gap: 20px;
}