JSFiddle - React, Tailwind, and code Playground

HTML

<div id='green'>
  <div id="orange"></div>
  <div id="orange"></div>
  <div id="orange"></div>
  <div id="orange"></div>
</div>
<div id='green'>
  <div id="orange"></div>
  <div id="orange"></div>
  <div id="orange"></div>
  <div id="orange"></div>
</div>

CSS

#green{
    border:20px solid #3D3;
    float:left;
    display:block;
     
}
#orange{
    width:100px;
    height:100px;
    border:10px solid orange;
    float:left;
}