JSFiddle - React, Tailwind, and code Playground

by Felipe Alfaro

HTML

<section>
    <div>a</div>
    <div>a</div>
    <div>a</div>
    <div>a</div>
</section>

CSS

section{
    width: 200px;
    height: 200px;
    position: relative
}
div{
    width: 50%;
    height: 50%;
    float: left;
    box-sizing: border-box;
    border-radius: 1px;
    border-top: solid 1px #eeeeee;
    border-left: solid 1px #eeeeee;
    border-bottom: solid 1px #dedede;
    border-right: solid 1px #dedede;
    background: #ffffff;
}