Se o elemento pai para alinhar no site era o container, porque temos que colocar tanto o container quanto o cabecalhoPrincipal?
.cabecalhoPrincipal .container {
display: flex;
align-items: center;
justify-content: space-between;
}
Solucionado
Se o elemento pai para alinhar no site era o container, porque temos que colocar tanto o container quanto o cabecalhoPrincipal?
.cabecalhoPrincipal .container {
display: flex;
align-items: center;
justify-content: space-between;
}
Oi, Gabriel, tudo bem?
O display: flex precisa ser declarado sempre que precisa utilizar os valores do flex-container, que não caso são os justify-content e align-items. No caso, de um flex-item, essas propriedades que foram declaradas não poderiam ser usadas. Então, pode parecer redundante o uso do display grid novamente, mas no momento do estilizar o cabecaljoPrincipal precisou utilizar as propriedade do flex-container. Para entender melhor: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Espero ter te ajudado!