Le code HTML semble correct, cependant, il manque la partie JavaScript pour le jeu de démineur.

Le code CSS semble également correct, cependant, je vous suggère quelques modifications :

Ajouter la propriété box-sizing avec la valeur border-box à tous les éléments pour inclure les marges et les bordures dans les dimensions des éléments :

* {

 box-sizing: border-box;

}

Ajouter la propriété display: flex et justify-content: center pour centrer le contenu du conteneur #page :

#page {

 display: flex;

 justify-content: center;

 width: 100%;

 height: 100%;

 margin: 0;

}

Ajouter la propriété padding à #gameZone pour donner un peu d'espace entre les bords de la zone de jeu et les éléments internes :

#gameZone {

 background-color: #000000;

 padding: 10px;

}

Ajouter la propriété display: flex et align-items: center à #logo pour centrer le logo dans le conteneur :

#logo {

 background: url("logo.png") center/cover;

 width: 250px;

 height: 250px;

 margin: auto;

 display: flex;

 align-items: center;

}

Le code CSS final sera donc :

* {

 box-sizing: border-box;

}

html,body,

#page {

 display: flex;

 justify-content: center;

 width: 100%;

 height: 100%;

 margin: 0;

}

#menu {

 background: #08551f;

 width: 350px;

 text-align: center;

}

#gameZone {

 background-color: #000000;

 padding: 10px;

}

#logo {

 background: url("logo.png") center/cover;

 width: 250px;

 height: 250px;

 margin: auto;

 display: flex;

 align-items: center;

}

Notez que si vous rencontrez d'autres problèmes avec votre code, n'hésitez pas à me le faire savoir et je serai ravi de vous aider davantage.