Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
Na aula 3, foi adicionado à class .cabecalhoPrincipal-nav:
.cabecalhoPrincipal-nav {
display: flex;
justify-content: space-between;}
Ao fazer isso, os botões do menu do cabeçalho se comportaram como inline-block, correto? Essa mudança de block para inline-block sempre ocorre automaticamente, quando colocamos o display como flex? Não sei se entendi bem essa parte...
Fico no aguardo.
Oi, Héron.
O padrão do display flex é row que significa em linha, e sim, toda vez que for dado o display flex no elemento pai, os elementos filhos ficarão em linha. Caso queira mudar esse comportamento, você pode dar um flex-direction: column e os elementos voltarão a ficar um abaixo do outro.
Bons estudos!