JSFiddle - React, Tailwind, and code Playground

by awesomespaceman

HTML

<div id = "board">
<div class =  'w'> &#9817;</div>
<div class =  'b'> &#9817;</div>
<div class =  'w'> &#9817;</div>
<div class =  'b'> &#9817;</div>
<div class =  'b'> </div>
<div class = 'w'> </div>
<div class =  'b'> </div>
<div class = 'w'> </div>
<div class =  'w'> </div>
<div class = 'b'> </div>
<div class =  'w'> </div>
<div class = 'b'> </div>
<div class =  'b'> </div>
<div class = 'w'>&#9823; </div>
<div class =  'b'> </div>
<div class = 'w'> </div>
</div>

CSS

.w{
  background-color:tan;
  width:80;
  height:80;

}
.b{
  background-color:brown;
  width:80;
  height:80;
}
.b, .w{
    float: left;
        width: 120px;
        height: 120px;
        font-size:100px;
        text-align:center;
        display: table-cell;
        vertical-align:middle;
        box-sizing: border-box;
        border: 2px solid black;
}