JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
        <div class="container">
            row 1 (bad)
            <div class="row">
                <div class="item">
                </div>
                <div class="item">
                </div>
            </div>
            row 2 (bad)
            <div class="row">
                <div class="item">
                </div>
                <div class="item">
                </div>
                <div class="item">
                </div>
                <div class="item">
                </div>
                <div class="item">
                </div>
            </div>
            row 3 (bad)
            <div class="row" id="nowrap">
                <div class="item">
                </div>
                <div class="item">
                </div>
                <div class="item">
                </div>
                <div class="item">
                </div>
                <div class="item">
                </div>
            </div>
            row 4 (good, however manual)
            <div class="row" id="goodRow1">
                <div class="item">
                </div>
                <div class="item">
                </div>
            </div>
            row 5 (good, however manual)
            <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{
    width:800px;
    outline:2px solid green;
    overflow-x:scroll;
    margin:5px;
    padding:5px;
}
.row{
    outline:1px solid blue;
    padding:5px; 
    margin:10px;
}
.item{
    width:200px;
    height:100px;
    display:inline-block;
    outline:1px solid red;  
}
#nowrap{
    white-space:nowrap;   
}
#goodRow1{
    width:410px;
}
#goodRow2{
    width:1020px;
}