JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="d1"></div>
    <div id="d2"></div>
    <div id="d3"></div>
    <div id="d4"></div>
    <div id="d5"></div>
    <div id="d6"></div>
</div>

CSS

#wrapper{
    border:1px solid blue;
    overflow:hidden;
    display:inline-block;
}
#wrapper>div{
    float:left;
    border:1px solid red;
    background-color:#fcc;
}
#d1{
    width:100px;
    height:30px;
}
#d2{
    width:50px;
    height:70px;
}
#d3{
    width:10px;
    height:50px;
}
#d4{
    width:75px;
    height:10px;
}
#d5{
    width:45px;
    height:40px;
}
#d6{
    width:8px;
    height:10px;
}