2 gün süren uğraşlarım sonucu sonunda doğru yapıyı buldum. :D aslında binevi bundan bu başlığı açmıştım :D. kodumun son hali bu:
#header{
height:100px;
background-color: whitesmoke;
display: flex;
align-items: center;
gap:160px;
}
#logo{
height: 50%;
width:auto;
margin-left: 100px;
}...
Flex conteiner da bazen padding ve margin'e eksi değer giriyorum, henüz öğrenme aşamasındayım; bazen nav ve logoyu position ile hizalıyorum bazen değer +100 ü aşıyor ancak yapay zeka bunları yapmamam gerektiğini söylüyor, freelancer piyasasında site yaparken bu durum çok sorun olur mu?
Ama...