WorksheetsRecuperação 2
Total questions: 10
Worksheet time: 5mins
Name
Class
Date
1.
Para que serve o Flexbox no desenvolvimento web?
a)
Estilizar textos
b)
Alinhar e distribuir elementos em um container
c)
Aplicar efeitos de sombra
d)
Inserir imagens responsivas
2.
O que a propriedade "justify-content" controla no Flexbox?
a)
A cor do texto
b)
A direção dos elementos
c)
O alinhamento horizontal dos itens
d)
A largura das imagens
3.
No Flexbox, qual valor de "align-items" alinha os itens ao centro verticalmente?
a)
start
b)
center
c)
end
d)
space-between
4.
Qual das opções abaixo representa um layout usando CSS Grid?
a)
display: flex;
b)
display: grid;
c)
position: fixed;
d)
align-content: center;
5.
No Grid Layout, qual propriedade define o número de colunas?
a)
grid-rows
b)
grid-template-columns
c)
flex-direction
d)
grid-flow
6.
Para que serve a propriedade "gap" em Grid e Flexbox?
a)
Alterar o fundo do site
b)
Criar espaço entre os elementos
c)
Aplicar transições
d)
Alinhar à direita
7.
Como fazer um layout responsivo que se ajusta automaticamente em diferentes tamanhos de tela usando Grid?
a)
Usando colunas fixas com px
b)
Usando grid-template-columns: repeat(auto-fit, minmax(200px, 1fr))
c)
Aplicando bordas em todas as divs
d)
Inserindo apenas uma div por linha
8.
Qual a principal vantagem do CSS Grid em relação ao Flexbox?
a)
Maior controle em layouts bidimensionais (linhas e colunas)
b)
Carrega páginas mais rápido
c)
É mais fácil de aprender
d)
Faz animações automaticamente
9.
Cite uma situação onde Flexbox é mais indicado que Grid.
4 lines
10.
Crie um exemplo básico de CSS usando Grid com 3 colunas responsivas.
4 lines
100 %
