JSFiddle - React, Tailwind, and code Playground

by josekerekes

HTML

<div class="box">
  <div>
    box 1
  </div>
  <div>
    box 2
  </div>
  <div>
    box 3
  </div>
</div>

<div class="box">
  <div>
    box 4
  </div>
  <div>
    box 5
  </div>
  <div>
    box 6
  </div>
</div>

CSS

* {
  padding:0;
  margin:0
}
.box {
  background: #ccc
}
.box > div {
  float:left;
  width:50%;
  padding:10px;
  box-sizing:border-box
}
.box:after {
  content:'';
  display:block;

}