JSFiddle - React, Tailwind, and code Playground

by yash009

HTML

<div class="board">
  <div class="row">
    <span class="squares">
    </span>
    <span class="squares">
    </span>
    <span class="squares">
    </span>
  </div>
  <div class="row">
    <span class="squares">
    </span>
    <span class="squares">
    </span>
    <span class="squares">
    </span>
  </div>
    <div class="row">
      <span class="squares">
      </span>
      <span class="squares">
      </span>
      <span class="squares">
      </span>
  </div>
</div>

CSS

.board {
  background-color:black;
  width : 350px;
  height : 303px;
}
.row {
display: flex;
flex-direaction: row;
justify-content:center;
}
.squares {
  display: flex;
  justify-content: center;
  align-items:center;
  width:100px;
  height:100px;
  border: 1px solid #fff;
  color: #fff;
}

JavaScript

function play() {
	
}