Jogo interativo de Flexbox
Resgate Flex
Uma estação perdeu energia. Cada módulo precisa chegar à área iluminada usando os eixos do Flexbox. Digite CSS de verdade: a prévia responde enquanto você escreve e o botão confirma a missão.
Nível 1 de 6
Ligue o corredor flexível
Coloque os três módulos na mesma linha ativando o Flexbox no container.
Estação de resgate 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.
A propriedade que muda o modo de layout se chama display.
CSS permitidodisplay, flex-direction, justify-content, align-items, flex-wrap, gap