JSFiddle - React, Tailwind, and code Playground

by Fran Legon

HTML

<div class="red">
    <div class="blue">content1</div
    ><div class="blue">content2</div
    ><div class="blue">content3</div
    ><div class="blue">content4</div
    ><div class="blue">content5</div
    ><div class="blue">content6</div>
</div>

CSS

.red {
    width:74%;
    height:1000px;
    background:red;
}

.blue {
    height:20%;
    width: 20%;
    background:blue;
    display:inline-block;
    margin:1%;
}