Solucionado
Teria algum problema eu modificar o código?
Original:
.logo,
.busca,
.barra-nav,
.menu-principal {
display: inline-block;
vertical-align: middle;
}
.menu-principal li {
float: left;
}Pequena modificação:
.logo,
.busca,
.barra-nav,
.menu-principal,
.menu-principal li {
display: inline-block;
vertical-align: middle;
}
Olá Nicolas, tudo bem?
Sim porque a propriedade float: left tem um comportamento diferente da propriedade display: inline-block.
Se você quiser aprender um pouco mais sobre como funcionam cada uma destas propriedades de posicionamento, além do curso da Alura, tem uns posts legais do Marco Bruno sobre o assunto que vale a pena dar uma olhada.
Este link aqui mostra sobre estas e outras propriedades: https://medium.com/collabcode/pare-de-chutar-e-aprenda-as-propriedades-css-de-posicionamento-603154655121
Ah! O código da sua pequena alteração tem um erro bem pequeno de digitação, está faltando uma vírgula na frente da classe menu-principal.
Abraço!
Sim porque a propriedade float: left tem um comportamento diferente da propriedade display: inline-block.
Tudo bem, vou reestudar as propriedades, obrigado.
Ah! O código da sua pequena alteração tem um erro bem pequeno de digitação, está faltando uma vírgula na frente da classe menu-principal.
Verdade, na correria eu colei o código no editor da alura e dei vários copy paste ^^, mas já editei o tópico, obrigado.