Responsive Tasarım | Cevap #1699

Uzman arkadaşlar daha iyi bilgi verebilirler ama kendi düşüncemi söylersem bootstraptan önce @media (max-width) ve (min-width) olayını çözmeye çalışmalısın
burda kafana yatınca bootstrap daki col-md col-xs col-lg bunların farkını anlayacaksın zaten bunun için de youtube dan video izleyerek çözebilirsin Tayfun Erbilen,
Arin yazılım, Fehmi Uyar kanallarında kesin bulursun ama 2 kelimeyle ben anlatayım kafanda yer edinsin



<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

    

</body>
</html>


/* Örnek olarak min-with dediğinde genişliği 1500px ve üstüne etki etsin demiş olursun */
@media (min-width: 1500px) {
  body{
      
      background-color: purple;
  
  }
}

/* max-with dediğinde ise genişliği 500px ve altına etki etsin demiş olursun */
@media (max-width: 500px) {
  body{
      
      background-color: yellow;
  
  }
}

/* Burda ise genişliği 1200px'den aşağı ve 800px'den yüksek kısımları alır */
@media (max-width: 1200px) and (min-width: 800px) {
  body{
      
      background-color: orange;
  
  }
}