#minesweeper-board {
    display: grid;
    grid-template-columns: repeat(10, 30px);
    grid-gap: 2px;
    margin: 10px 0;
}
.cell {
    width: 30px;
    height: 30px;
    background-color: #ccc;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    cursor: pointer;
}
.cell.revealed {
    background-color: #eee;
}
.cell.mine {
    background-color: red;
}
#minesweeper-board {
    display: grid;
    grid-template-columns: repeat(10, 30px);
    grid-gap: 2px;
    margin: 10px 0;
}
.cell {
    width: 30px;
    height: 30px;
    background-color: #ccc;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
    cursor: pointer;
}
.cell.revealed {
    background-color: #eee;
}
.cell.mine {
    background-color: red;
}