Vertically align navigation items to center.

Question

I want to align the navigation items vertically to center of the header, but can't do it after trying a lot also😁
Please help me to do that.
Code link: https://code.sololearn.com/WUg1B45saPxi/?ref=app
(See in the desktop desktop site)

Answer 1

You are using flexbox so you can use

align-items:center;

This will also work

vertical-align:middle;

Answer 2

https://www.w3schools.com/cssref/playit.asp?filename=playcss_vertical-align&preval=super

Center is not a value of vertical-align

You can use
vertical-align:middle;

Instead of center

Answer 3

Kelvin Paul I already tried it. It's not working.

Answer 4

Kelvin Paul I was changing the code in my ide.
It is working now after adding:
header nav {
vertical-aling:middle
}

Thank you.😁

Answer 5

Bibek Oli welcome bro☺