Bu CSS kodundaki hata nerede ki bu bozulma oluyor?

Media etiketinin kapama parantezi eksik. Onun dışında da bir hata olabilir tabi. En aşağı kıvırcık parantez ekleyelim.
Hmm onu eklemişsiniz tamam o zman. 🙂👍 Hata devam ediyorsa yukarıda en üstlerde bir tane ünlem işarwti gördüm. Ondan da olabilir. 👍 Bir de body kısmının sınırını da belirtmek gerekir. Media etiketinin içine olacak şekilde ve en üste şu kodları ekleyin:

body {
width: 100vw;
height: 100vh;
}

Çok teşekkür ederim, android cihazdan deniyorum bozulma görünüyor ama şimdi tarayıcı sıfırlayıp deneyeceğim.

Hocam kodun sonunda 2 tane }} var 3.yü mü ekleyeyim

Sonradan eklediğiniz css kodlarda hata var.

.mobilbararkaplan {
width: 100%;
position:fixed;
bottom:0;
height: 50px;
z-index:9999;!
}

z-index 'in sonunda ünlem işareti var. Öncelikle bun düzeltip bir kontrol ediniz.

Mobilde sorun çözüldü herkese çok teşekkür ederim, @Gunesibrahim; @Spremancy; @MrHyp3R; @salimsevindik; @umityildrim; sadece masaüstünde böyle bir sorunumuz var artık

.mobilbararkaplan {
display:none;
}

@media only screen and (max-width: 750px){
.mobilbararkaplan {
display:block;
}
}

Sorun tamamen çözüldü hocam, her şey için çok teşekkür ederim. Grafik tasarım ile ilgili bir ihtiyacınız olduğunda yardımcı olmak isterim.

Hocam masaüstündeki sorun devam ediyorsa (masaüstü kodlarının içine gelecek şekilde) şu kodları bir deneyelim:

body {
width: 100vw;
height: 100vh;
}

Çözüldü hocam çok teşekkür ederim.