JSFiddle - React, Tailwind, and code Playground

by webjin85

HTML

<section class="clear">
    <div class="block pink float"></div>
    <div class="block blue float"></div>
    <div class="block green float"></div>
    <div class="block orange float"></div>
</section>

CSS

section { width: 550px; background: #ccc; }
.block {
  width: 200px;
  height: 200px;
}
.float { float: left; }
.clear { overflow: hidden; }
.pink { background: #ee3e64; }
.blue { background: #44accf; }
.green { background: #b7d84b; }
.orange { background: #E2A741; }