Exercícios
Teste seus conhecimentos em CSS Flexbox com este questionário sobre uma das ferramentas mais usadas para criar layouts responsivos. Responda perguntas sobre o conceito de Flexbox, eixo principal e transversal, flex-direction, justify-content, alinhamento de itens, distribuição de espaço, quebra e espaçamento entre linhas. Você também verá como propriedades como flex-grow e flex-shrink influenciam o comportamento dos elementos flexíveis. Ideal para estudantes e desenvolvedores que desejam revisar fundamentos de CSS e aprimorar a criação de interfaces կազմակերպadas e adaptáveis.
Responda às questões abaixo e confira a explicação de cada resposta.
0/10 respondidas
Áudio automático ativado: as próximas questões serão lidas ao clicar em Continuar.
Flexbox é um sistema de layout em CSS destinado a distribuir espaço ao longo de um único eixo dentro de um container resistente, com capacidades de organização dinâmica de elementos.
A propriedade flex-direction determina a direção do eixo principal sobre o qual os itens do container são organizados, podendo ser em 'row', 'row-reverse', 'column', ou 'column-reverse'.
A propriedade align-items é usada para alinhar os itens do Flexbox ao longo do eixo transversal (perpendicular ao eixo principal) dentro do container.
A propriedade justify-content é utilizada para alinhar os itens flexíveis ao longo do eixo principal, podendo distribuir espaço de várias maneiras, como 'flex-start', 'center', 'space-between', 'space-around', entre outros.
flex-wrap determina se os itens são forçados a caber em uma única linha ou podem ser quebrados em várias linhas. O valor padrão é 'nowrap', que não permite quebra.
O valor row-reverse coloca os itens na linha em uma ordem inversa, começando pelo fim à esquerda.
A propriedade flex-grow define a capacidade de um item crescer para ocupar o espaço disponível no container, em relação a outros itens flexíveis.
A propriedade flex-shrink controla a capacidade de um item flexível encolher. Definindo o valor como '0', o item não vai encolher para ajustar-se ao container.
A propriedade align-content ajusta o espaço entre as linhas do container quando há espaço extra no eixo transversal.
Usar o valor center com a propriedade justify-content centraliza os itens ao longo do eixo principal do container.
Curso GratuitoPHP 8 do Zero ao Profissional (MVC, PDO, Composer, Twig e Deploy)
5
(2)
31h00m
58 exercícios
Curso GratuitoProgramação para Web
5
(6)
14h37m
12 exercícios
Curso GratuitoJavascript curso completo
5
(2)
3h56m
42 exercícios
Curso GratuitoDesenvolvimento Web Completo (Front-end: HTML, CSS, JavaScript)
5
(2)
10h33m
32 exercícios
Curso GratuitoHTML, CSS, JavaScript e Firebase: Seja um FullStack developer
5
(1)
3h51m
29 exercícios
Curso GratuitoAprenda HTML criando um clone da Netflix
5
(2)
4h16m
17 exercícios
Curso GratuitoCSS Flexbox no desenvolvimento de sites
5
(1)
1h18m
10 exercícios
Curso GratuitoJavaScript - Manipulando o DOM
5
(1)
1h50m
9 exercícios
Milhares de cursos online em vídeo, ebooks e áudiobooks.
Para testar seus conhecimentos no decorrer dos cursos online
Gerado diretamente na galeria de fotos do seu celular e enviado ao seu e-mail
Baixe nosso aplicativo pelo QR Code ou pelos links abaixo:.
Leve o conhecimento no seu bolso.
Baixe o aplicativo Cursa.
São centenas de Cursos gratuitos a disposição, com Certificado de conclusão gratuito que é salvo em sua galeria de imagens do celular.
Baixe o app para ter acesso ao Certificado de conclusão de Curso Gratuitamente.
+ de 10 milhões
de alunos
Certificado grátis e
válido em todo o Brasil
60 mil exercícios
gratuitos
4,8/5 classificação
nas lojas de apps
Cursos gratuitos em
vídeo, ebooks e audiobooks