I need help in ensuring the text in 2 stacked text boxes does not overlap when the text size increases while maintaining the gap between the text boxes when the text size decreases.
Here is my site Read-Only: (Webflow - Oasis Design Labs)
hello,
I checked your website
you can give line height for each text: 1 -
and reset bottom -86 to 0 ( or reset the position to static) :
and delete your grid padding top and padding bottom
give it display flex vertical with justify space between
and they will not overlap
I don’t understand the last part on how to justify space between to prevent the overlap I end up with the text a bit lower than I would like. Also if you could offer any insight on how to prevent the text from going outside the container when the page size is reduced.
Resolved it by going through your steps for the parent container. Thanks.
1 Like