Imagem de fundo

Ao estilizar um website responsivo, o desenvolvedor precisa...

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


A

display: grid no <header>; grid-template-areas no elemento que ocupa o espaço.


B

display: flex no <header> ; align-items: center no elemento que ocupa o espaço.


C

display: flex no <header>; margin-right: auto aplicado ao elemento que deve empurrar o restante.


D

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


E

display: block no <header>; float: right aplicado ao elemento que ocupa o espaço.