Difficulties in centering the Navbar UL items vertically-CodePudding

First of all, I'm a newbie on front-end. Sorry for any inconveniences.

I'm having some difficulties centering the Navbar UL vertically. For example, notice that the logo is centered vertically correctly. However, the UL items are aligned slightly above the central vertical axis.

Snippet link:

ul{
    margin-bottom: 0;
}

.list{
    margin-bottom: 0;
}

Will fix it

====== UPDATE =======

I've tested your code inside jsFiddle and it does not have any problem!

https://jsfiddle.net/mahdiar_mansouri/wj2uf49y/3/

here you can check it out yourself, so test it in your own browser and inspect your ul.list if it had that margin, remove it and let me know if otherwise