JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class='heading'>Key Stats</div>
    <div class="content">
        <div class="bbox">
            <div>Average Transaction Size:</div>
            <div>$670</div>
            <div class='green'>
                <div></div>
            </div>
            <p class='gtxt'>+3%</p>
        </div>
        <div class="bbox">
            <div>Total Customer Sessions:</div>
            <div>8,800</div>
            <div class='green'>
                <div></div>
            </div>
            <p class='gtxt'>+3%</p>
        </div>
        <div class="bbox">
            <div>New Customers Added:</div>
            <div>1,100</div>
            <div class='green'>
                <div></div>
            </div>
            <p class='gtxt'>+3%</p>
        </div>
        <div class="bbox">
            <div>Intro Emails Sent:</div>
            <div>803</div>
            <div class='green'>
                <div></div>
            </div>
            <p class='gtxt'>+3%</p>
        </div>
        <div class="bbox">
            <div>Total Sales:</div>
            <div>$575,000</div>
            <div class='green'>
                <div></div>
            </div>
            <p class='gtxt'>+3%</p>
        </div>
        <div class="bbox">
            <div>Sales Per Associate:</div>
            <div>$25,040</div>
            <div class='green'>
                <div></div>
            </div>
            <p class='gtxt'>+3%</p>
        </div>
    </div>
</div>

CSS

* {
    margin: 0;
    padding: 0;
}
.main {
    font-family:'Open sans';
    background-color: #2E81C3;
    height: 340px;
    width: 942px;
    color:white;
}
.main .heading {
    text-align: center;
    padding-top: 10px;
    font-size:32px;
    font-weight: bold;
}
.bbox {
    width: 304px;
    display: inline-block;
    margin-top: 26px;
    text-align: center;
    font-size:1.2em;
}
.bbox>div:nth-child(2) {
    font-size:1.6em;
    font-family: helvetica;
}
.green {
    width: 45px;
    height: 45px;
    background-color: #8AC541;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    margin-top: 4px;
    margin-left: -30px;
}
.green>div {
    display: inline-block;
    width: 0;
    border-bottom:15px white solid;
    border-left:10px transparent solid;
    border-right:10px transparent solid;
}
.gtxt {
    color: #8AC541;
    display: inline-block;
    font-size:1.6em;
    margin-left: 50px;
    vertical-align: middle;
    font-weight: bold;
}