title: change svg size according to media query
body: <pre><code>&lt;svg width='1175' height='400'&gt;
  </code></pre>
  
  <p>How do I change width and height of the <code>svg img</code> with media queries?</p>
  
  <pre><code>@media only screen and (min-width: 1680px) {
     svg{
        width:1720;
        height:400;
        }
  }
  </code></pre>
  
  <p>This does not work.</p>