How to use CSS3 Orientation Media Queries

CSS3's orientation media query allows us to target specific styles based on the current screen or device orientation. We have 2 properties: landscape and portrait.