JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div class="container">
            row 5
            <div class="row" id="goodRow2">
              
                <div class="item">
                </div>
                <div class="item">
                </div>
                <div class="item">
                </div>
                <div class="item">
                </div>
                <div class="item">
                </div>
           
            </div>
        </div>
    </body>
</html>

CSS

.container{
    
    outline:2px solid green;
    
    overflow-y:none;
    margin:5px;
    padding:5px;
}
.row{
    overflow-x:scroll;
    outline:1px solid blue;
    padding:5px; 
    margin:10px;
    display:block;
    white-space: nowrap;

}
.item{
    width:200px;
    height:100px;
    display:inline-block;
    outline:1px solid red;  
}