Nesse projeto, para criar um jogo de memória, foi necessário usar o layout grid do CSS e manipular algumas propriedades do CSS e elementos de HTML pelo JS a fim de inserir uma ordem aletória dos cards ao recarregar a página, girar os cards quando o usuário clicar sobre o card desejado (sendo possível esconder ou mostrar a parte da frente dos cards conforme acertos e erros). Além disso, também se pode computar os acertos.
2022-04-14.08-03-16.mp4
Tutorial: Responsive game using HTML, CSS, JS:
https://www.youtube.com/watch?v=7JbBr9q4UF8
Imagens:
Freepik.com
Pixabay.com