JSFiddle - React, Tailwind, and code Playground
HTML
<div class="MyContainer">
<div style="padding : 10px; width : 160px; align-self:flex-start; flex-grow: 1;">
<div style="display : flex; flex-direction : row;">
<img src="http://individual.icons-land.com/IconsPreview/POI/PNG/Circled/256x256/Hotel_Bed3D_Circle_Blue.png" style="margin: auto 0px; height:64px; width:64px;">
<div style="display : flex; flex-direction : column;">
<div> 1</div>
<p style="color : lightgrey; word-break : break-all "> Kitchen</p>
</div>
</div>
</div>
<div style="padding : 10px; width : 160px; align-self:flex-start; flex-grow: 1;">
<div style="display : flex; flex-direction : row;">
<img src="http://individual.icons-land.com/IconsPreview/POI/PNG/Circled/256x256/Hotel_Bed3D_Circle_Blue.png" style="margin: auto 0px; height:64px; width:64px;">
<div style="display : flex; flex-direction : column;">
<div> 1</div>
<p style="color : lightgrey; word-break : break-all "> Kitchen</p>
</div>
</div>
</div>
<div style="padding : 10px; width : 160px; align-self:flex-start; flex-grow: 1;">
<div style="display : flex; flex-direction : row;">
<img src="http://individual.icons-land.com/IconsPreview/POI/PNG/Circled/256x256/Hotel_Bed3D_Circle_Blue.png" style="margin: auto 0px; height:64px; width:64px;">
<div style="display : flex; flex-direction : column;">
<div> 1</div>
...
CSS
.MyContainer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}