Solucionado
O segundo display flex não está funcionando, ela não deixa um
<a> do lado do outro, se inspecionar da para ver que o nav não recebeu o flex.
.cabecalhoPrincipal .container{
display: flex;
justify-content: space-between;
align-items: center;
};
.cabecalhoPrincipal-nav{
display: flex;
};
Vejo que você adicionou a classe com nome:
.cabecalhoPrincipal-nav {
display: flex;
}Acredito que este - que adicionou após a classe cabecalhoPrincipal esteja atrapalhando seu código. Esperimente remover este - e adicionar apenas um espaço, ficando assim:
.cabecalhoPrincipal nav {
display: flex;
}Se ainda estiver com problemas, experimente também limpar o conteúdo da memória cache do navegador, pressionando as teclas CTRL + SHIFT + DEL e escolhendo a opção de apagar conteúdo na memória desde o início.
não deu certo, é que o nome da classe pai écabecalhoPrincipal-nav, não estou conseguindo acessar ela.
O problema era o ; na final das chaves, tirei e deu certo!
Obrigado pela atenção.