title: Viewport width/height (10vw) max/min font size
body: <p>I've just stated using the viewport unit, not sure how to handle this so any feedback is appreciated. </p>
  
  <p>I've created element</p>
  
  <pre><code>&lt;h4&gt;text here&lt;/h4&gt;
  </code></pre>
  
  <p>added some style</p>
  
  <pre><code>h4 {font-size:7vp;}
  </code></pre>
  
  <p>This is excellent on mobiles devices, phone and laptops. But once the screen size exceeds that of a laptop to keep up with the viewport width, the height of the text gets two large for the viewport height.</p>
  
  <p>If you know what I mean.</p>
  
  <p>Im looking for something like </p>
  
  <pre><code>max-size: 
  </code></pre>
  
  <p>but more like</p>
  
  <pre><code>max-font-size:
  </code></pre>