width ranges for responsive web design

responsive-web-design.css

/* This width range is for smartphone (tr: akıllı telefonlar için) */
@media (max-width: 767px) { 
  .container { width: auto; }
  /* your other css codes */
}

/* This width range is for tablet (tr: tabletler için) */
@media (min-width: 768px) and (max-width: 991px) {
  .container { width: 730px; }
  /* your other css codes */
}

/* This width range is for medium pc screens (tr: orta ekranlı pc için) */
@media (min-width: 992px) and (max-width: 1199px) {
  .container { width: 960px; }
  /* your other css codes */
}

/* This width range is for large pc screens (tr: geniş ekranlı pc için) */
@media (min-width: 1200px) {
  .container { width: 1100px; }
  /* your other css codes */
}