JSFiddle - React, Tailwind, and code Playground

by Dylan Schadeck

HTML

<body>
<div class="ten"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="five"></div>
<div class="five"></div>
<div class="five"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="ten"></div>
<div class="one"></div>
</body>

CSS

*{margin:0; padding:0;}
    body{width:100%; margin:auto;}
    .ten{width:9%; margin:.5%; height:20px; background:black; float:left;}
    .one{width:98%; height:20px; background:red; margin:auto; clear:both;}
    .five{width:48%; height:20px; margin:1%; background:blue; float:left;}