Casio,
J'avais proposé "600px" car je trouvais votre affichage un peu petit sur PC (j'ai un très grand écran ^^)
Autant pour moi pour les bordures en effet, j'avais fais abstraction de la ligne de séparation
Dans ce cas je recommande :
.profil-bar .gauche {
float: left;
width: calc(50% - 1px);
border-right: 1px solid #EBEBEB;
}
.profil-bar .droite {
float: right;
width: calc(50% - 1px);
border-left: 1px solid #EBEBEB;
}
Pour votre problème d'affichage, c'est une histoire de "line-height" qui doit être mal interprété. En effet quand on change le "line-height" de vos liens à 40px au lieux de 43px, on obtient le même résultat sur PC.
En fixant la hauteur de vos liens à "43px" ça devrait pouvoir régler le problème.
.contact a {
line-height: 43px;
height: 43px;
}
En espérant que ça résolve votre souci !
Modifié par besky (01 Jan 2019 - 15:50)