hocam normalde haklısında tasarımla ilgili hata yapmamak adına insanlara soruyorum çünkü yapay zeka bazen kafayı yiyip yanlış bilgi verebiliyor. bir dahakine mdnye iyice bakmaya çalışacağım.
bir önceki mesajımı ciddiye almayın karışıklık oldu. 160px olan gapı logo ile menuyu birbirinden ayırmak için vermiştim. dediğiniz gibi logoyu headerin solundan uzaklaştırıp soldan boşluk bırakmak için padding kullandım. peki logo ve menü arasındaki boşluk için padding absürt olmaz mı ? gapı...
hocam bu arada ben o gapı menü ile logo arasında boşluk vermek için kullandım. eğer sabit değer dediğiniz gibi sıkıntı yaratacaksa gapı % olarak kullanabilirim. dediğiniz gibi logoyu gri headerin solundaki sınırdan uzaklaştırıp boşluk vermek için padding değerini kullandım. bu sefer % olarak...
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...