Questionário sobre o Flexbox do CSS
Para passar no quiz, você deve responder corretamente pelo menos 18 das 20 perguntas abaixo.
O que é flexbox?
Qual propriedade CSS é definida para habilitar o layout flexbox para o elemento
div?Qual propriedade CSS permite que os itens flex se quebrem para uma nova linha quando a linha atual estiver cheia?
O que a propriedade flexbox
justify-content controla?Qual propriedade controla a direção dos elementos dentro do contêiner flexbox?
Quais propriedades CSS podem ser usadas para fazer os itens flex fluírem da esquerda para a direita e fazer com que o novo item flex apareça acima do anterior se a largura da linha atual for excedida?
Qual propriedade controla o posicionamento dos elementos no eixo cruzado?
Qual não é um valor para
justify-content?Quais propriedades CSS você usaria para centralizar um elemento dentro de um contêiner flex horizontalmente e verticalmente?
Qual valor de
flex-direction faz com que os itens flex se movam da direita para a esquerda?O que não é um valor da propriedade
flex-wrap?O que o valor
stretch em align-items faz?Qual valor de
justify-content posiciona o primeiro item no início, o último item no final e distribui uniformemente os outros itens entre eles ao longo do eixo principal?Qual valor de
justify-content espaça os itens de modo que os espaços entre cada par de itens adjacentes e as bordas do contêiner sejam todos iguais?Qual valor de
justify-content distribui os itens igualmente ao longo do eixo principal deixando metade desse espaço nas bordas do container?Qual das opções a seguir faz com que os itens fiquem alinhados no início do eixo cruzado?
Qual das opções a seguir faz com que os itens fiquem alinhados no final do eixo cruzado?
Qual valor para
flex-direction fará com que os itens sejam alinhados ao longo do eixo principal da esquerda para a direita?Qual valor para
flex-direction fará com que os itens sejam alinhados ao longo do eixo cruzado de cima para baixo?Qual dos seguintes casos de uso não é adequado para flexbox?
Qual é o propósito de um modelo de layout unidimensional como o Flexbox?
Qual propriedade CSS alinhará todos os itens flexíveis ao lado direito do elemento
.container?
.container {
display: flex;
flex-direction: row;
}Quais são os dois eixos que definem a direção do layout dos itens no Modelo Flex?
Qual das seguintes regras CSS organizará os itens em uma coluna vertical e também os centralizará horizontalmente dentro do seu contêiner?
Qual é o principal propósito da propriedade
flex-wrap?Qual é o comportamento padrão da declaração
flex-wrap: nowrap;?Qual propriedade CSS é um atalho para definir as propriedades
flex-direction e flex-wrap ao mesmo tempo?Qual é o efeito de definir
flex-direction: column-reverse; em um contêiner flexível?Qual trecho de CSS organiza corretamente os itens flex em uma coluna vertical e permite que eles quebrem para uma nova coluna se ultrapassarem a altura do contêiner?
Qual valor de
justify-content alinha todos os itens flex ao final do eixo principal do container?Qual é o efeito da seguinte regra CSS nos itens flexíveis?
.container {
flex-flow: row nowrap;
}Como
justify-content: space-evenly; alinha os itens flexíveis?
.container {
display: flex;
justify-content: space-evenly;
}Qual propriedade você usaria para centralizar verticalmente os itens quando
flex-direction: row; está definido?O que o valor
flex-start para a propriedade justify-content faz?Como você configuraria um contêiner flex para organizar seus itens da direita para a esquerda em uma única linha e também posicioná-los no topo do contêiner?
Qual das seguintes é uma declaração válida para a propriedade
flex-flow?Qual das seguintes regras CSS resultará em itens flex sendo centralizados horizontalmente e esticados verticalmente para preencher a altura do contêiner?
Qual efeito
align-items: stretch; tem quando flex-direction está definido como column?Se você quiser inverter a ordem dos itens em uma linha horizontal, qual declaração deve usar?
Qual valor de
align-items posicionará os itens no topo de um container cujo flex-direction é row?