display flex none media query 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);
  background-image: 
    -webkit-image-set(
      url(examples/images/image-384.jpg) 1x,
      url(examples/images/image-768.jpg) 2x,
    );
  background-image: 
    image-set(
      url(examples/images/image-384.jpg) 1x,
      url(examples/images/image-768.jpg) 2x,
    );
}