Add to favorites
When creating mobile optimization stick to only 2 media queries. This is a good rule of thumb to keep your CSS compatible throughout and clean, there is no standard or rule saying you are not allowed to use other media queries.
It's just a something I learnt works well for me to keep things compatible throughout and keeps code cleaner.
@media only screen and (min-width: 1024px)Â {
 body {
   background-color: lightblue;
  }
}
@media only screen and (max-width: 1023px)Â {
 body {
   background-color: lightblue;
  }
}