Pular para o conteúdo principal

Questão de Programação — Programação de front end — FGV 2025

ProgramaçãoProgramação de front end
Código
fg106589
Banca
FGV
Órgão
CGE-SP
Ano
2025
Nível
Superior
Cargo
Auditor Estadual de Controle - Tecnologia da Informação - tarde
Ao estilizar um website responsivo, o desenvolvedor precisa de flexibilidade no layout, garantindo que o cabeçalho (<header> ) ocupe toda a largura disponível e que seus itens internos (logotipo, menu e barra de busca) sejam distribuídos horizontalmente com espaçamento igual entre eles. Além disso, o logotipo deve permanecer fixo no canto esquerdo, enquanto o menu e a barra de busca devem se alinhar à direita, ocupando o espaço restante.Assinale a opção que indica a combinação de propriedades CSS mais adequada para alcançar a distribuição horizontal flexível e o espaçamento igual dentro do <header> , e o valor da propriedade que deve ser aplicado ao item de menu ou barra de busca para que ele ocupe todo o espaço intermediário, empurrando o restante dos elementos para a direita.
  1. Adisplay: grid no <header>; grid-template-areas no elemento que ocupa o espaço.
  2. Bdisplay: flex no <header>; align-items: center no elemento que ocupa o espaço.
  3. Cdisplay: flex no <header>; margin-right: auto aplicado ao elemento que deve empurrar o restante.
  4. Ddisplay: flex no <header>; flex-grow: 1 aplicado ao elemento que deve ocupar o espaço intermediário.
  5. Edisplay: block no <header>; float: right aplicado ao elemento que ocupa o espaço.
Revelar gabarito e comentário

GabaritoD — display: flex no <header>; flex-grow: 1 aplicado ao elemento que deve ocupar o espaço intermediário.

Link permanente: /questoes/fg106589