Olá! Quando definimos um elemento pai como flex, seus filhos herdam esta característica? Por favor, por que tivemos que repetir essa propriedade, conforme o código abaixo?
HTML:
<header class="cabecalhoPrincipal">
<div class="container">
<h1 class="cabecalhoPrincipal-titulo">
<a href="#">Alurinha</a>
</h1>
<nav class="cabecalhoPrincipal-nav">
<a class="cabecalhoPrincipal-nav-link" href="#">Home</a>
<a class="cabecalhoPrincipal-nav-link" href="#">Cursos</a>
<a class="cabecalhoPrincipal-nav-link" href="#">Sobre nós</a>
<a class="cabecalhoPrincipal-nav-link" href="#">Contato</a>
<a class="cabecalhoPrincipal-nav-link cabecalhoPrincipal-nav-link-app" href="#">Nosso APP</a>
</nav>
</div>
</header>
CSS:
.cabecalhoPrincipal .container{
display: flex;
align-items: center;
justify-content: space-between;
}
.cabecalhoPrincipal-nav{
display: flex;
}
Eu achava que os elementos do nav já iam ficar alinhados um do lado do outro quando definimos no elementos pai, mas ai precisamos definir display: flex também no nav. Ou conclui errado? kkk
thanks!