JSFiddle - React, Tailwind, and code Playground

by mori57

HTML

<div class="searchBox">
<div class="field">
field 1
</div>
<div class="field">
field 2
</div>
<div class="field">
field 3
</div>
</div>

CSS

.searchBox {
  background: rgba(123,12,143,.5);
  border:1px solid pink;
  border-radius:5px;
  width:100%;
  overflow:hidden;
}
.field {
  background: rgba(24,29,213,.65);
  float:left;
  width:23%;
  height:45px;
}