<div class="game-board">
<div class="box">200px x 200px</div>
<div class="box">200px x 200px</div>
<div class="box">200px x 200px</div>
<div class="box">200px x 200px</div>
<div class="box">200px x 200px</div>
<div class="box">200px x 200px</div>
<div class="box">200px x 200px</div>
<div class="box">200px x 200px</div>
<div class="box">200px x 200px</div>
</div>
.game-board {
display: grid;
grid-template-rows: 200px 200px 200px;
grid-template-columns: 200px 200px 200px;
}
// for some css stylings
body {
display: flex;
justify-content: center;
}
.box {
background: #444;
border: 1px solid #555;
display: flex;
align-items: center;
justify-content: center;
color: #AAA;
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.