Grid Garden

Aprenda CSS grid cultivando uma horta de cenouras.

Abrir em nova aba

Projeto de código aberto "Grid Garden" de Thomas Park (Codepip), usado sob a licença MIT. Código-fonte

Roda no seu navegador. Nada do que você digita é enviado ou armazenado.

Como usar: Grid Garden

  1. Leia as instruções da fase.
  2. Escreva código CSS grid para regar as cenouras (e só as cenouras).
  3. Passe pelas 28 fases para dominar o CSS grid.

Perguntas frequentes

Preciso saber CSS?

Não. Cada fase explica a propriedade de que você precisa.

Quem criou?

Thomas Park, da Codepip, código aberto sob a licença MIT.

Grid Garden é grátis?

Sim. Grid Garden é grátis, sem cadastro e sem marca d'água.

Minhas informações são salvas ou enviadas para algum lugar?

Não. Tudo é calculado no seu navegador. Nada do que você digita é enviado para um servidor nem armazenado.

Funciona no celular?

Sim. Funciona em qualquer navegador moderno no Windows, Mac, Linux, Android e iPhone. Arquivos muito grandes podem ficar lentos em celulares mais antigos.

Mais ferramentas de Jogos

Ver todas
Jogo de Corrida 3DCorrida de carros 3D com física real. HexGL — Corrida FuturistaCorrida 3D antigravidade futurista. Cuberun — Desvie dos Cubos em 3DDesvie de cubos num mundo neon synthwave. Cubo Mágico 3DCubo mágico 3D, de 2×2 a 10×10. Server SurvivalTower defense de arquitetura em nuvem. Jogo da MemóriaEncontre os pares iguais.