media query between two sizes code example

Example 1: media query

@media only screen and (max-width: 600px) {
  body {
    // Change size, placement of elements
  }
}

Example 2: responsive image using media query

.img {
  background-image: url(examples/images/image-384.jpg); 
}
@media 
  (-webkit-min-device-pixel-ratio: 2), 
  (min-resolution: 192dpi) { 
  .img {
    background-image: url(examples/images/image-768.jpg);
  }
}