I am trying to get an inline SVG in an HTML5 document to scale as the viewport changes. Since the rest of this site will be responsive, I need this SVG to be so as well so that it can fit in the layout.
I don't know if this requires styling or attributes so I posted in both the (X)HTML and CSS forums.
I added a parent container div to give it a max width so it doesn't get too big. I also added a bunch of attributes that I was told would help, but haven't so far.
I also added a width and height of 100% and max and min width to the parent container div as one would do to make an element scalable with the viewport normally in CSS.
I would greatly appreciate all and any help in achieving this!