title: How to make SVG scale only on X axis?
body: <p>I have the following SVG graphic that is currently scaling when the window is resized, but the aspect ratio is maintained. How could I get this to only scale on the X axis, and keep the Y at 80px?</p>
  
  <pre><code>&lt;svg width="100%" viewBox="0 0 300 80"&gt;
    &lt;rect x="0" y="0" fill="yellow" height="80" width="100"/&gt;
    &lt;rect x="100" y="0" fill="blue" height="80" width="100"/&gt;
    &lt;rect x="200" y="0" fill="red" height="80" width="100"/&gt;
  &lt;/svg&gt;
  </code></pre>
  
  <p>Thank you,</p>