Jogo interativo de CSS Grid
Cidade Grid
A cidade perdeu seu mapa. Refaça os quarteirões transformando cada instrução em uma grade previsível. Digite CSS de verdade: a prévia responde enquanto você escreve e o botão confirma a missão.
Nível 1 de 6
Ative a malha da cidade
Transforme o quarteirão em um grid container.
Mapa da cidade Prévia ao vivo
■1■2■3■4■5■6
container.css0/6 concluídos
Ctrl/⌘ + Enter
.container {Sugestões de CSSpropriedade CSS }
Edite o CSS e acompanhe a prévia.
Assim como no Flexbox, tudo começa pela propriedade display.
CSS permitidodisplay, grid-template-columns, grid-template-areas, place-items, gap