JSFiddle - React, Tailwind, and code Playground

by Peter

HTML

<div class="board">
    <div class="row1">
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
        <div class="box"></div>
    </div>
</div>

CSS

.body { font: 12px "helvetica neue", helvetica;
}
.board {
    background: #EBEBE0;
    padding: 10px;
    width: 808px;
}
.row1 {
    background: #FFDCDC;
    height: 52px;
    padding: 10px;
    width: 788px;
}
.box {
    width: 75px;
    height: 50px;
    border: 1px solid #000;
    float: left;
    margin: 0 2px 2px 0;
}
div.box:last-child {
    margin-right: 0;
}