[ width olmadan ..................................................................................................... sonsuza gider ]

[ width: 100px ...................................... 100 pixel genişliğinde olur ]

[ max-width: 100px ................. en fazla 100 pixel e kadar büyür ]

kod olarak sizin style.css dosyanızda aşağıdaki kod var.

.container {
width: 75%;
margin: 0 auto;

}

(Her ne kadar genişlik ekranın 75% 'i olarak ayarlansa da, bu değer geniş veya büyük ekranlarda aşırı olacaktır. Bu da hem estetiği bozabilir hem de okumayı zorlaştırır.)

]bu kodu şu şekilde değiştirebilirsiniz.

.container {
width: 100%;
max-width: 1300px;
margin: 0 auto;
padding: 0 15px;
}

Bu sayede, container (Yani ana sarıcı div'iniz) 100% genişlikte olacak ama en fazla 1300px e kadar büyüyecek. Ayrıca mobil ekranlarda da sağdan soldan 15px boşluk bırakması için "padding: 0 15px" değerini girdik ki sağa sola yapışmasın.

Kolaylıklar dilerim.