title: media query for browser size where width is less than height
body: <p>media query for browser size where width &lt; height?</p>
  
  <p>I tried</p>
  
  <pre><code>@media screen and (max-width: 700px) and (min-height: 700px) {
  </code></pre>
  
  <p>But that does not work. Please help.</p>
  
  <p>Use Case:</p>
  
  <ul>
  <li>if (width > height), I align items horizontally</li>
  <li>if (width &lt; height), I WANT TO align items vertically.</li>
  </ul>