<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.menu {
text-align: center;
}
.row {
display: flex;
align-items: center;
justify-content: center;
}
.cell {
width: 10px;
height: 10px;
font-size: 10px;
border: 1px solid black;
display: inline-flex;
justify-content: center;
align-items: center;
font-weight: bold;
}
</style>
</head>
<body>
<menu class="menu">
<button id="save">Sauvegarder</button>
<button id="load">Reprendre</button>
<button id="next-gen">Prochaine Génération</button>
<button id="autoplay">Auto Play</button>
<button id="reset">Reset</button>
<button id="gridsize">Taille Grille</button>
<button id="x1">x1</button>
<button id="x2">x2</button>
<button id="x10">x10</button>
<button id="x100">x100</button>
<br><br>
Génération numéro: <span id="generation-value"></span> | Taille de la grille: <span id="grid-size-value"></span>
</menu>
<div id="container"></div>
</body>
<script src="script.js"></script>
</html>