How to make a <svg> element expand or contract to its parent container?

Question

The goal is to have the element expand to the size of its parent container, in this case a

, no matter how big or small that

Answer 1

What's worked for me recently is to remove all height="" and width="" attributes from the tag and all child tags. Then you can use scaling using a percentage of the parent container's height or width.