Partons de la situation suivante →voir fichier, puis ajoutons
nav {
...
justify-content: space-between;
}
⇥fichier
Améliorons la situation en ajoutant du style (de haut vol)
nav > a {
...
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
⇥fichier
Ajoutons le comportement flex
nav > a {
...
text-align: center;
flex : 1
}
Pensez à redimensionner votre page :
⇥fichier