HTML ve CSS ile responsive konumlandırma hatası

01yildizmustafa

Decapat
Katılım
4 Eylül 2022
Mesajlar
66
Çözümler
2
Daha fazla  
Cinsiyet
Erkek
Responsive tasarımda neden böyle oluyor?
Özellikle 388px ve aşağısında.

Bir ekran resmi atıyorum. Ne demek istediğimi daha iyi anlarsınız.

Container'a 100% genişlik veriyorum ama yine 100% genişlikte değil ve ona bağlı diğer şeyler de istediğim konumlandırmaya sahip olmuyor.
Yardım ederseniz çok sevinirim.

Kodları bırakıyorum.
HTML --> kodlar
CSS --> kodlar
 

Dosya Ekleri

  • Ekran görüntüsü 2024-03-10 210744.png
    97,5 KB · Görüntüleme: 63
Son düzenleme:
Containerın genişliğini width:100vw; şeklinde belirtip dener misiniz?
 
Containerın genişliğini width: 100VW; şeklinde belirtip dener misiniz?

Denedim sorun devam ediyor.

@Media(Max-width: 431px) {
.Container, nav {
Width: 413px;
}
}

Yaparak sorun düzeldi.

Bundan daha iyi bir çözümü olan varsa beklerim.
 
Son düzenleme:
Container dışına kapsayıcı bir etiket ekle.

.container_kapsayici{
width:100vw;
height:100vh;
display:flex;
align-items:center;
justify-content:center;
}

Eğer olmazsa position:absolute ekleyip denersin.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…