image

Access unlimited bootcamps and 650+ courses

50
%OFF
Article image
Vinícius Ribeiro
Vinícius Ribeiro10/12/2022 14:45
Share
Savegnago - Lógica de ProgramaçãoRecommended for youSavegnago - Lógica de Programação

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/

Share
Recommended for you
Deal Group - AI Centric .NET
Randstad - Análise de Dados
BairesDev - Machine Learning Training
Comments (3)
Caroline Vicente
Caroline Vicente - 10/12/2022 20:09

Adorei as dicas! Obrigada pelo conteúdo!

Guilherme Souza
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

Recommended for youSavegnago - Lógica de Programação