board with 9 squares

This commit is contained in:
djmil 2023-07-31 13:44:31 +02:00
parent 3a9701411c
commit bac27fe73b
2 changed files with 21 additions and 2 deletions

View File

@ -3,8 +3,21 @@ import './App.css';
function App() {
return (
<>
<button className="square">X</button>
<button className="square">X</button>
<div className="board-row">
<button className="square">1</button>
<button className="square">2</button>
<button className="square">3</button>
</div>
<div className="board-row">
<button className="square">4</button>
<button className="square">5</button>
<button className="square">6</button>
</div>
<div className="board-row">
<button className="square">7</button>
<button className="square">8</button>
<button className="square">9</button>
</div>
</>
);
}

View File

@ -26,3 +26,9 @@ code {
text-align: center;
width: 34px;
}
.board-row:after {
clear: both;
content: '';
display: table;
}