

Seu próximo nível começa aqui
Seu desenvolvimento não pode ter limites. Garanta sua Assinatura Ilimitada e libere uma preparação completa com os melhores professores do Brasil.
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
display: grid no <header>; grid-template-areas no elemento que ocupa o espaço.
display: flex no <header> ; align-items: center no elemento que ocupa o espaço.
display: flex no <header>; margin-right: auto aplicado ao elemento que deve empurrar o restante.
display: flex no <header> ; flex-grow: 1 aplicado ao elemento que deve ocupar o espaço intermediário.
display: block no <header>; float: right aplicado ao elemento que ocupa o espaço.