#board 
{
  display: grid;
  grid-template-columns: repeat(7, 50px);
  grid-template-rows: repeat(7, 50px);
  gap: 5px;
}

.box
{
    width: 50px;
    height: 50px;
    object-fit: cover; 
}

.red
{
    width: 50px;
    height: 50px;
    object-fit: cover; 
}

.blue
{
    width: 50px;
    height: 50px;
    object-fit: cover; 
}