JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
   <div class="squares"></div>
   <div class="squares"></div>
   <div class="squares"></div>
</div>

CSS

#container{
  width: 900px;
}

.squares{
  width: 32.33%;
  margin-right: 1%;
  height: 250px;
  float:left;
  background: red;
}

.squares:last-child{
  margin-right: 0%;
}