title: How do I make an svg size to fit its content?
body: <p>I am displaying playing cards using svgs. I do not want the svgs to scale and I don't know how many cards there will be. The cards have a fixed size though. <a href="https://i.stack.imgur.com/arwBY.png" rel="noreferrer"><img src="https://i.stack.imgur.com/arwBY.png" alt="cards as svgs"></a></p>
  
  <p>Is there a way I can easily make the svg container resize to fit the content? 
  Thanks for pointers.</p>