Implementing a responsive graphic I made from codepen into webflow. But, the SVGs in the code embed elements are extending beyond their containers. Totally baffled. How can I keep the SVGs inside their containers?
codepen: https://codepen.io/svncr/pen/MYWMXdG
https://codepen.io/svncr/pen/MYWMXdG
Here is my site Read-Only: [LINK][1]
Think I got it. SVGs respect the boundaries of their containers when I assign a dimension in-line in the svg code. In my case height=“100%”
Correct. Personally I always assign 100% width 100% height to embedded svgs so that I can easily adjust their size with by the parrent.