JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="item1" class="detailItem"></div>
    <div id="item2" class="detailItem"></div>
    <div id="item3" class="detailItem"></div>
    <div id="item4" class="detailItem"></div>
    <div id="item5" class="detailItem"></div>
</div>

CSS

#wrapper{
    width:100%;
    height:400px;
    background:#f5f5f5;
}

.detailItem{
    width:200px;
    height:200px;
    display:block;
    float:left;
}
#item1 {
  background:red;
}

#item2{
    background:blue;
}

#item3{
    background:green;
}

#item4{
    background:yellow;
}

#item5{
    background:pink;
}