@media css portrait vs. landscape code example

Example 1: detect portrait landscape css

@media screen and (orientation:portrait) { … }
 @media screen and (orientation:landscape) { … }

Example 2: mediaquery for portrate

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