JSFiddle - React, Tailwind, and code Playground

by Chace

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

.board {
    background: #EBEBEB;
    height: 200px;
    padding: 10px;
    width: 835px;
}
.row1 {
    background: #FFDCDD;
    height: 52px;
    padding: 10px;
    width: 824px;
}
/* Position Boxes*/
 .box {
    width: 75px;
    height: 50px;
    border: 1px solid #000;
    display: inline-block;
    margin-right: 2px;
}
div.box:last-child {
    margin-right: 0;
}