How to make boxes stretch along with texts on mobile

Whenever I set up a box and put text elements inside it, and see it on mobile,
text usually pops out of box.

Box width are responsive, but box won’t wrap the texts or elements inside it.

I want boxes to grow taller along with the texts or elements inside it grow ‘taller’ on mobile

Texts for mobile is tricky.
Some folks recommend using font size 16 or above.
Prevent your users from zooming in apple devices in settings/general/IOSappearance
Set the height of your texts considering the size of the font, the number of lines you expect in the text elements, the line setting in styles (1 or higher … depends on the height of your text element), and play around with the responsive settings “cut content if too tall” and “shrink if text gets shorter”

This topic was automatically closed after 70 days. New replies are no longer allowed.