JSFiddle - React, Tailwind, and code Playground

by jonjohnjohnson

HTML

<link rel="stylesheet" href="https://rawgithub.com/suitcss/arrange/master/arrange.css">
<div class="Arrange Arrange--equal Arrange--withGutter">
    <div class="Arrange-sizeFit">
        <span class="dev-highlight">
            A
        </span>
    </div>
    <div class="Arrange-sizeFit">
        <span class="dev-highlight">
            B
        </span>
    </div>
    <div class="Arrange-sizeFit">
        <span class="dev-highlight">
            C
        </span>
    </div>
    <div class="Arrange-sizeFit">
        <span class="dev-highlight">
            D
        </span>
    </div>
    <div class="Arrange-sizeFit">
        <span class="dev-highlight">
            E
        </span>
    </div>
    <div class="Arrange-sizeFit">
        <span class="dev-highlight">
            F
        </span>
    </div>
</div>

CSS

.dev-highlight {
    display: block;
    background-color: #ff8;
}