JSFiddle - React, Tailwind, and code Playground

by Alexander Shutov

HTML

<div class="column">
    <div class="row">
        <div class="item"></div>
    </div>
</div>

CSS

.column {
    background-color:blue;
    display:flex;
    flex-direction:column;
    width:10em;
}
.row {
    background-color:green;
    display:flex;
    flex-direction:row;
    overflow:auto;
}
.item {
    background-color:red;
    flex:none;
    width:20em;
    height:5em;
}