I’m creating a responsive project and having trouble keeping text within a shape when the project re-sizes. I started with a text caption and added text. Next, I put a shape around the text and adjusted the stroke. The image looks fine at desktop size, but the two items don’t remain together when I view the slide at a smaller size such as for an iPhone X. How do I keep the two connected
and scaling together so the shape stays around the text? 
The fluid boxes were not part of the project originally; I added those in an attempt to force the items in the fluid boxes to stay together.
keythrew, I tried to re-create your layout and follow what Lieve explained and it works. I did have to re-adjust the left side padding by 10 to get it to look nice and centered. Once I did that it worked every time I chose a different screen size. Good luck.
Attachment 
Glad it worked for you. I hadn’t seen your comment back to Lieve.
Always glad when another user is popping in as well. There are quite a lot of ways to get the correct distance between the border of the shape and the text. Not only padding, but you have margins as well.
If you put two objects on top of each other in a Fluid box, you are overriding the stacking rule unless you did use a static fluid box. I don’t see that in the question.
Why not use the shape as text container, can you explain?
That’s a valid point, and in doing so, that took care of that issue.
Sure… that is why I recommended it. When you use Breakpoints instead of Fluid boxes, this is not necessary and you can link the caption to the shape so that your problem is not occurring. But not in Fluid boxes…
You must be logged in to post a comment.
