JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="child"></div>
    <div class="child"></div>
    <div class="child"></div>
  </div>

CSS

.parent{
  width: 100%;
}

.child{
  width: 30%;
  margin-right: 10px;
  background-color: #B4DA55;
  min-height: 300px;
  display: block;
  float: left;
}

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