محاذاة عناصر التنقل في منتصف شريط التنقل رأسيًا - css

يمكنك القيام بذلك بعدة طرق، منها:

إضافة padding داخل الوسم nav:

nav {
	padding: 10px 5px; /*يمكنك تغيير القيم حتى تحصل على نتيجة مرضية*/
}

جعل الحاوية مرنة باستخدام flexbox و الخاصية align-items بالقيمة center "قد تحتاج لوضع الوسم img داخل div هنا"

nav {
	display: flex;
	align-items: center;
	justify-content: space-between; /*حتى تصبح الصورة في جهة و قائمة التنقل في الجهة الأخرى */
}