media query with min and max width code example

Example 1: min and max width media query

@media (max-width: 989px) and (min-width: 768px) {}

Example 2: media query min max

@media screen and (min-width: 200px) and (max-width: 640px) {
  .bloc {
    display:block;
    clear:both;
  }
}

Example 3: min-width media query

Max Media Query