title: Can I scale a div's height proportionally to its width using CSS?
body: <p>Can I set any variable in CSS like I want my div height to always be half of width my div scales with the screen size width for div is in percent</p>
  
  <pre><code>&lt;div class="ss"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.ss {
      width:30%;
      height: half of the width;
  }
  </code></pre>
  
  <p>This 30% width scales with screen resolution</p>