JSFiddle - React, Tailwind, and code Playground

HTML

try to resize
<div class="list">
    <div class="object" style="background-color:yellow">1</div>
    <div class="object" style="background-color:red;">2</div>
    <div class="object" style="background-color:pink;">3</div>
    <div class="object" style="background-color:#00ff00;">4</div>
    <div class="object" style="background-color: gray">5</div>
    <div class="object" style="background-color:blue;">6</div>

</div>

CSS

.list{
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
.object{
    height:40px;
    width :40px;
    margin:5px;
}