Belli bir ekran boyutundan sonra istediğin divlerin genişliklerini ayarlayabilirsin, mesela ekran genişliği 400px'in altında ise .birincidiv 100px yerine 50px olarak değişir bozulmalar ve kaymaları bu şekilde düzeltebilirsin.

Örnek;

.birincidiv{
width:150px;
}

Birincidiv yazan dive normalde 150px olarak gözükmesini söyledik. Responsive ile boyutlandırdığımız zaman ise şöyle olacak;

@media only screen and (max-width:959px){
.birincidiv{
width: 100px;
}
}

Burada ise maksimum 969px ve küçük ekranlarda divin nasıl çalışması gerektiğini söylüyoruz. 959px'den küçük olan ekranlarda birincidiv 150px yerine 100px olarak gözükecektir. Bu tarz kodlarla uğraşmak istemiyorsan bootstrap kütüphanesini inceleyebilirsin, burada ki anlatımdan çok daha basit bir şekilde sadece div yazarak alanlarını kolayca konumlandırıp istediğin ekran çözünürlüğüne göre ayarlatabilirsin.

Detaylı anlatım için bu bağlantıyı inceleyebilirsin