ATIVIDADE 3 – PROGRAMAÇÃO FRONT END – 52_2025
QUESTÃO 2
O desenvolvimento de interfaces web responsivas é essencial na atualidade, dada a variedade de dispositivos utilizados para acesso à internet. Uma das estratégias para adaptar o layout ao tamanho da tela é o uso de media queries em CSS.
Fonte: Elaborado pelo professor, 2025.
Considere o seguinte trecho de código:
@media screen and (max-width: 800px) {
main {
flex-direction: column;
}
}
Com base no funcionamento das media queries e nos princípios de design responsivo, analise as afirmativas abaixo:
I. A propriedade flex-direction: column será aplicada apenas se a mídia for de tipo “tela” e a largura máxima for de 800 pixels.
II. Fora dessa condição (por exemplo, em uma tela de 1024px de largura), o layout manterá o estilo definido anteriormente para o elemento main.
III. O uso da diretiva @media permite sobrescrever seletivamente propriedades CSS, sem alterar a estrutura HTML, favorecendo a adaptabilidade do layout.
É correto o que se afirma em:
Alternativas
Alternativa 1 – I, apenas.
Alternativa 2 – II, apenas.
Alternativa 3 – III, apenas.
Alternativa 4 – I e II, apenas.
Alternativa 5 – I, II e III.
Nossa equipe é composta por profissionais especializados em diversas áreas, o que nos permite oferecer uma assessoria completa na elaboração de uma ampla variedade de atividades. Estamos empenhados em garantir a autenticidade e originalidade de todos os trabalhos que realizamos.
Ficaríamos muito satisfeitos em poder ajudar você. Entre em contato conosco para solicitar o seu serviço.
