Aprenda CSS através de jogos!
- #CSS
Fala dev, tudo bem?
Para algumas pessoas posicionar elementos na tela com CSS pode ser uma tarefa meio chata e complicada, por isso é importante entendermos e dominarmos as principais propriedades de posicionamento de elementos (flexbox e grid).
Pensando nisso, listei 3 jogos a seguir que podem te auxiliar na pratica e aprendizado dessas propriedades.😉
Flexbox Defense
No estilo Tower Defense, você deve impedir que seus inimigos atravessem suas defesas. Porém aqui, você usa as propriedades do CSS Flexbox para posicionar suas torres de defesa.
http://www.flexboxdefense.com/
Flexbox Froggy
Aqui temos outro jogo que se propõe a ensinar as propriedades do flexbox, onde seu objetivo é posicionar o sapo para cima da vitória-régia.
https://flexboxfroggy.com/#pt-br
Grid Garden
Neste jogo, você deve regar suas plantações de cenoura e envenenar as ervas daninhas. Como o nome já sugere, a ideia aqui é aprender sobre GRID Layout.