Keeping the bottom of text in the same place while text scaling

Ask the community
1

I’m trying to implement text scaling for my site but on this page, I need the text to scale so that the distance between the text boxes and the orange line is consistent.

The first image shows what it looks like on the larger screen, and the second is on a smaller desktop, and you can see that there’s a lot more space between the text and the orange line on the smaller screen.

1932×514 199 KB

695×193 93.8 KB

I think what I need to do is position the text so that it is aligned to the bottom of the text box vertically, but I can’t find a capability for that in this program. My other thought was to manipulate the docking, but I’m not sure if that will have any effect.

2

Hi Rebecca,
I would use the ”stack” tool then you can adjust the spacing in the “stack” and dock the ”stack” to the bottom as one item.

3

Hi Rebecca,
I would use the ”stack” tool then you can adjust the spacing in the “stack” and dock the ”stack” to the bottom as one item.

4

That worked! Thank you!

5

I would use the docking tool as well.
First off though, are you using Pixels to size your text?
You may want to try using VW-Vertical Width or EM to size your text. This may help in scaling. Adjust the size at each break-point.