Hello Bubble.io Community,
I’m facing an issue with aligning SVG elements on my web page and could use some guidance. Here’s the problem:
I have two HTML elements containing SVG graphics. One is positioned at the top of a group , and the other is at the bottom. The bottom html element works perfectly and is responsive, adjusting well to changes in screen size. However, when I copy the code from the bottom element and paste it into the top element and then rotate it 180 degrees, I encounter a gap issue.
Here’s the code I’m using for the top SVG element:
When the page is made smaller, a gap appears under the curve of the SVG, which should ideally stick to the bottom of the container.
I’m no coding expert , so any help or advice on how to resolve this issue would be greatly appreciated.
Thank you in advance for your assistance!
Best regards,
