Olá, amigos! Na aula foi passado que por falta de espaço entre os links da tag nav não seria possível colocarmos a propriedade justify-content: space-between; e por isso no lugar dela foi colocado uma margem left de 10px, mas e esse espaço à esquerda, porque não consegumos aproveitá-lo?
Solucionado (ver solução)
Solucionado
(ver solução)
5
respostas
respostas
Nav com justify-content: space-between????????
Não existe nenhuma outra propriedade onde que ao invés da margem eu pudesse aproveitar esse espaço à esqueda para poder usar junto com o justify-space-between?Já pesquisei, porém a dúvida persiste
Oi Rosilene, tudo bem?
Para usar ojustify-contentcom space-between você precisaria definir uma largura base para o elemento que guarda os itens de navegação.
Por exemplo, vamos imaginar que você colocou cada link da navegação dentro de umatag nav.
<nav class="navegacao">
<a>link 1</a>
<a>link 2</a>
<a>link 3</a>
</nav>Se você definir uma largura de, por exemplo, 500px para essa nav, você conseguirá usar a propriedade justify-content tranquilamente, contanto que defina o display como flex também, afinal ojustify-content é uma propriedade do flex-box.
.navegacao {
display: flex;
justify-content: space-between;
width: 500px
}Espero que tenha ajudado!
Um abraço e bons estudos.
solução!
Muito obrigada, Lorena. Me ajudou bastante! Um forte abraço ;)