Hola, yo use otras propiedades para alinear el menú nav:
/* Responsive */
.headerPrincipal .container{
flex-direction: column;
}
.headerPrincipal-nav{
flex-direction: column;
width:100%;
text-align: center;
}
Y se ve igual que su solución. Afecta en algo como lo hice? Gracias.