Web sitesine yeni eklediğim SLI'de aşağıya eklenmiyor ve yukarıya kayıyor

[BlueSky]

Arkadaşlar merhaba, hazırlamış olduğum web sitesine logo SLI'de eklemem gerekiyordu fakat eklediğim logo SLI'de bilgisayarda bulunması gereken konumdayken mobil e geçince yukarıya çıkıyor, yani 992 pxdenden aşağıya inildikçe yukarıya doğru ilerliyor. CS'de @media kullanarak mobil responsive hale getirmeye çalıştım fakat başarılı olamadım ekte sorunun fotoğrafı ve hazırlamış olduğum logo slidenin HTML & CSS kodlarını ekliyorum. Yardımcı olursanız sevinirim.

[mert altın]

Arkadaşlar merhaba, hazırlamış olduğum web sitesine logo SLI'de eklemem gerekiyordu fakat eklediğim logo SLI'de bilgisayarda bulunması gereken konumdayken mobil e geçince yukarıya çıkıyor, yani 992 pxdenden aşağıya inildikçe yukarıya doğru ilerliyor. CS'de @media kullanarak mobil responsive hale getirmeye çalıştım fakat başarılı olamadım ekte sorunun fotoğrafı ve hazırlamış olduğum logo slidenin HTML & CSS kodlarını ekliyorum. Yardımcı olursanız sevinirim.

Merhaba, logo SLI'de eklemek için HTML ve CSS kodlarınızı inceledim. Sorununuzun sebebi, logo SLI'de eklediğiniz <img> etiketinin width ve height özniteliklerini sabit değerler olarak vermeniz. Bu durumda, ekran boyutu değiştikçe logo SLI'de aynı boyutta kalır ve konumu kayar.

Bunu düzeltmek için, logo SLI'de eklediğiniz <img> etiketinin width ve height özniteliklerini yüzde olarak vermeniz gerekiyor. Böylece, logo SLI'de ekran boyutuna göre orantılı olarak küçülür veya büyür ve konumu sabit kalır.

Örneğin, şu şekilde yapabilirsiniz:

```html
<img src="logo.png" alt="Logo" width="20%" height="20%">
```

Bu şekilde, logo SLI'de ekranın %20'sini kaplar ve konumu değişmez.

Umarım bu çözüm işinize yarar.