title: Making inline SVG responsive in browsers without using javascript?
body: <p>I've been reviewing <a href="https://www.sarasoueidan.com/blog/svg-coordinate-systems/#svg-viewbox" rel="nofollow noreferrer">articles like this one</a> which are really good, but possibly dated, and I'm wondering if any progress has been made on a simple way to make inline svg responsive while maintaining the aspect ratio?</p>
  
  <p>In other words if we have svg with a 1:1 aspect ratio inside a div container, and the container shrinks from 400x400px to 200x200 px, then the view box width and height parameters double.</p>