Cacher is the code snippet organizer for pro developers

<style>
  @media only screen and (max-device-width: 1024px) and (orientation:portrait) {
      .landscape { display: none; }
  }
  @media only screen and (max-device-width: 1024px) and (orientation:landscape) {
      .portrait { display: none; }
  }
</style>

<h1 class="portrait">Your device orientation is "portrait"<h1>
<h1 class="landscape">Your device orientation is "landscape"<h1>