JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div><div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
<div class="result">1</div>
</div>

CSS

#container
{
  background-color: green; 
}

.result
{
    border-radius: 6px;
    display: inline-block;
    width: 100%;
    max-width: 160px;
    min-width: 100px;
    height: 160px;
    border: 1px solid black;
    background-color: white;
    margin: 10px;
}