Não entendi porque ele colocou space-between no h1 (cabecalhoPrincipal-titulo) para deslocar para direita e não em (cabecalhoPrincipal-nav) que são os itens (a)? Já que ele queria descolocar os itens (âncora).
Não entendi porque ele colocou space-between no h1 (cabecalhoPrincipal-titulo) para deslocar para direita e não em (cabecalhoPrincipal-nav) que são os itens (a)? Já que ele queria descolocar os itens (âncora).
hoje, com a Alura e o Google Gemini
Bom dia, Josimar. Vou tentar esclarecer do jeito que eu compreendi: Ao trabalhar com flex-box, você irá adicionar essa propriedade no PAI dos elementos que você deseja alinhar. Ou seja, se ele deseja alinhar o menu (.cabecalhoPrincipal-nav) e o título "Alurinha"(.cabecalhoPrincipal-titulo), o pai deles seria a div com a classe .container que por sua vez, está dentro do header de classe .cabecalhoPrincipal. Por isso:
.cabecalhoPrincipal .container {
display: flex;
align-items: center;
justify-content: space-between;
}