estoy iniciandome a usar flexbox, pero no hay manera de que consiga ajustar bien y nivelar los enlaces del menu de navegación, quedandose apegotonados los li, aún intentandole darles un justify content a los enlaces. Estoy algo confundido dado que he separado inclusive en dos contenedores tanto el titulo como los enlaces y no tengo manera de reajustarlo como quiero. Adjunto el html y scss que estoy construyendo
nav {
display: flex;
justify-content: space-between;
background-color: gray;
padding: 5px;
.titulo {
align-self: flex-start;
}
.enlaces {
ul {
display: flex;
li {
display: flex;
list-style: none;
}
a {
text-decoration: none;
color: black;
}
}
}
}
<nav>
<div class="titulo">
<p>Nombre titulo</p>
</div>
<div class="enlaces">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Carrera</a></li>
<li><a href="#">Certificaciones</a></li>
<li><a href="#">Tecnologias</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</div>
</nav>