You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hi! I'm new to BEM, trying to implement with a little project to learn it.
Inside my HTML file i have this code
<main class="game">
<!-- Choose to play the game or see the highscores -->
<div class="game__choose">
<button class="btn" onclick="startGame()">Play Game</button>
<button class="btn" onclick="showHighscores()">Show Highscores</button>
</div>
<!-- Choose to play the game or see the highscores -->
<!-- Display elements of the game -->
<div class="game__game-area">
<div class="game__hud">
<div id="questions-counter ">
<h4>Question</h4>
<h1>0</h1>
</div>
<div id="score">
<h4 >Score</h4>
<h1>0</h1>
</div>
</div>
</div>
<!-- Display elements of the game -->
Without understanding mixes you can't further improve.
To comment on your "game" block..
game__choose is OK
game__game-area can and should be improved!
There are many ways, but my suggestion is to create new game-area block with it's own elements and use game__game-area for relative positioning/contextual stuff only.
Hi! I'm new to BEM, trying to implement with a little project to learn it.
Inside my HTML file i have this code
According to the FAQs code should look like this
So, my questions are:
The text was updated successfully, but these errors were encountered: