Recuperação de Jogos Digitais: CSS Flexbox

Qual propriedade do Flexbox é usada para definir a direção dos itens dentro de um contêiner flexível?

• flex-direction

• align-items

• justify-content

• flex-wrap

Answer explanation

A propriedade 'flex-direction' é utilizada para definir a direção dos itens dentro de um contêiner flexível, especificando se eles devem ser organizados em linha ou coluna. As outras opções não controlam a direção dos itens.

Qual propriedade do Flexbox é usada para alinhar itens ao longo do eixo transversal?

• flex-direction

• align-items

• justify-content

• flex-wrap

Answer explanation

A propriedade 'align-items' do Flexbox é utilizada para alinhar itens ao longo do eixo transversal, permitindo que você controle como os itens são distribuídos verticalmente dentro do contêiner flexível.

Qual valor da propriedade `flex-direction` faz com que os itens sejam exibidos em uma coluna?

• row

• column

• row-reverse

• column-reverse

Answer explanation

O valor 'column' para a propriedade 'flex-direction' organiza os itens em uma coluna, empilhando-os verticalmente. As outras opções, como 'row' e suas variantes, organizam os itens em linhas.

Qual propriedade do Flexbox é usada para justificar o espaço entre os itens ao longo do eixo principal?

• align-items

• justify-content

• flex-direction

• flex-wrap

Answer explanation

A propriedade 'justify-content' é utilizada no Flexbox para distribuir o espaço entre os itens ao longo do eixo principal, alinhando-os de forma adequada. As outras opções não têm essa função específica.

Qual valor da propriedade `justify-content` distribui os itens igualmente com espaço ao redor de cada item?

• flex-start

• flex-end

• space-around

• space-between

Answer explanation

A propriedade `justify-content: space-around` distribui os itens igualmente, deixando espaço ao redor de cada item. Isso significa que o espaço é dividido igualmente entre os itens e nas extremidades, ao contrário de `space-between`, que não deixa espaço nas extremidades.

Qual propriedade do Flexbox é usada para definir o tamanho dos itens flexíveis?

• flex-grow

• flex-shrink

• flex-basis

• flex

Answer explanation

A propriedade 'flex' é uma shorthand que combina 'flex-grow', 'flex-shrink' e 'flex-basis', permitindo definir o tamanho dos itens flexíveis de forma simplificada. Portanto, a resposta correta é 'flex'.

Qual valor da propriedade `align-items` alinha os itens no centro do contêiner?

• flex-start

• flex-end

• center

• baseline

Answer explanation

O valor 'center' da propriedade 'align-items' alinha os itens verticalmente no centro do contêiner flexível. As outras opções, como 'flex-start' e 'flex-end', alinham os itens no início e no final, respectivamente.

Qual propriedade do Flexbox permite que os itens sejam exibidos em várias linhas?

• flex-direction

• align-items

• justify-content

• flex-wrap

Answer explanation

A propriedade 'flex-wrap' permite que os itens dentro de um contêiner Flexbox sejam exibidos em várias linhas, quando o espaço disponível é insuficiente. As outras opções não têm essa funcionalidade.

Qual valor da propriedade `flex-wrap` faz com que os itens não quebrem em uma nova linha?

• nowrap

• wrap

• wrap-reverse

• break

Answer explanation

O valor 'nowrap' na propriedade 'flex-wrap' impede que os itens quebrem em uma nova linha, mantendo todos os itens em uma única linha, mesmo que excedam o espaço disponível.

Qual propriedade do Flexbox é usada para alinhar o conteúdo do contêiner ao longo do eixo transversal?

• align-content

• justify-content

• flex-direction

• flex-wrap

Answer explanation

A propriedade 'align-content' do Flexbox é utilizada para alinhar o conteúdo do contêiner ao longo do eixo transversal, enquanto 'justify-content' alinha ao longo do eixo principal. Portanto, a resposta correta é 'align-content'.