title: CSS Calc Viewport Units Workaround?
body: <p>From what I've seen in <a href="https://stackoverflow.com/a/14184433/1191087">other</a> <a href="https://stackoverflow.com/a/14419680/1191087">answers</a>, CSS viewport units can't be used in <code>calc()</code> statements yet. What I would like to achieve is the following statement:</p>
  
  <pre><code>height: calc(100vh - 75vw)
  </code></pre>
  
  <p>Is there some workaround way I can achieve this <em>using purely CSS</em> even though the viewport units can't be used in the <code>calc()</code> statement? Or just CSS and HTML? I know I can do it dynamically using javascript, but I'd prefer CSS.</p>