Text and shapes are not together

My problem is that the shape keeps going over the text. Neither grouping, putting in a container, stuck doesn’t help.

What is the option? I even tried to put it in a container where each has its own column, but that didn’t work either.

here you can see how it looks in the live version, on a smaller screen. And here the shapes also start to separate from each other, do I have to group them separately at the beginning?

For elements to relative to each other, regards of whether they are placed, they need to follow the same scaling methods. For example, if the text is fixed, then so should the margins, dimensions and properties of the elements. If the text is not fix and you are using a scalable text, then it will be a challenge to connect the two.

From the screen shot, it looks like your text got bigger and or. your container with the graphics didn’t move.

Fix your text size to a pixel, and do the same for the left margin of the container holding the two graphics. If the name is a graphic make sure it also in pixels not percentages.

IF want to scale it using percentages, then the left margin should also be in percentages,. A little harder to manage within a breakpoint, but not impossible.