media query orientation portrait and landscape tablet code example

Example 1: media query css for all devices

@media (min-width: 600px) and (max-width: 800px) {

/* your css code here  */

/* html { background: red; } */


}

Example 2: mediaquery for portrate

@media (orientation: portrait) {
  body {
    flex-direction: column;
  }
}