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).
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!
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).
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;
}