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

The viewBox isn't the height of the container, it's the size of your drawing. Define your viewBox to be 100 units in width, then define your rect to be 10 units. After that, however large you scale the SVG, the rect will be 10% the width of the image.