Auto-Scaling SVG TEXT ---> beside auto-scaling svg shapes!

Hello world!

How can we make the text inside an svg to be scalable in a row, just like other svg, which fit the available width of the whole container and adjust their height to match other elements so they all fit.
The text should fit it's "flex area" and the other shapes would need to also fit the width of the full screen, meaning they would get smaller in height if there is a lot of text like in y example:
https://codepen.io/Goetzeiscool/pen/YzgjYKW
image.png
Was this page helpful?