title: Responsive height proportional to width
body: <p>Is it possible to implement the following logic usic HTML and CSS?</p>
  
  <pre><code>width: 100%;
  height: 30% of width;
  </code></pre>
  
  <p>What I want to implement:
  If I decrease the width, the height will also decrease proportionally.</p>