JSFiddle - React, Tailwind, and code Playground

by qian jin

HTML

<div class="row">
  <div class="block-25"></div>
  <div class="block-25"></div>
  <div class="block-25"></div>
  <div class="block-25"></div>
  <div class="block-25"></div>
</div>

<div class="down-box"></div>

CSS

.row:after {
  content: '';
  display:table;
  clear:both;
}

.block-25 {
  float: left;
  width: 25%;
  height: 100px;
  background: red;
}

.down-box {
  height: 100px;
  background: green;
}