Como fazer uma grade de 3*3 usando HTML, CSS e JavaScript

.grid {
  display: table;
  border-spacing: 2px
}
.row {
  display: table-row
}
.cell {
  width: 100px;
  height: 100px;
  background: black;
  display: table-cell;
}
.row div:last-child {
  background: blue
}
Xenophobic Xenomorph