Device Orientation

The orientation media query gives us a way to trigger different styles when a device such as a smartphone or tablet has been rotated. There are only two options: either landscape or portrait.

@media (orientation: landscape) {
}