Article image
Vinícius Ribeiro
Vinícius Ribeiro10/12/2022 14:45
Compartilhe

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.

https://cssgridgarden.com/

Compartilhe
Comentários (3)
Caroline Vicente
Caroline Vicente - 10/12/2022 20:09

Adorei as dicas! Obrigada pelo conteúdo!

GS

Guilherme Souza - 10/12/2022 19:03

Muito obrigado, ótimo exercício de fixação pra mim que estou iniciando

Adriana Toni
Adriana Toni - 10/12/2022 18:08

Olá Vinícius,

Obrigado por compartilhar