Responsive Tasarım diye araştır hocam, sitenizin CSS kısmına istediğin çözünürlükteki özelliklerde o kısımların gözükmesi gereken kodları girmen gerek arkadaş yukarda vermiş. @media ile istediğin ölçü aralığını vermen gerek sonra o ölçü aralarığına geldiğinde tarayıcı olması gereken CSS kodlarını girmen gerek buraya yazdığın kodlar ekran sadece verdiğin ölçüye geldiğinde daha doğrusu verdiğin 2 media satırı arasındaki çözürlükte kalacaktır.
İşte
bir Media ile telefon pxleri verebilirsin, bir tablet, bir masaüstü, 2büyük masaüstü senin dediğin 4 ayrı @media oluşturarak 4 ayrı cihazdada nasıl görüneceğini kendin ayarlıyabilrisin.Responsive Tasarım olarak araştırıp derslere bakarsan daha net anlarsın.