Orientation query

Checks whether the screen is portrait or landscape.

What does the orientation media feature do?

orientation checks whether the screen is taller than wide (portrait) or wider than tall (landscape).

@media (orientation: landscape) {
  .video-player { height: 100vh; }
}

Level: Journeyman · More CSS terms at this level

Updated