Still noobs here and working on our first website.
On mobile portrait screen, things start to look funny once you start fiddling with the width of the screen. For instance, we had Text Span 10 set to ‘auto’ width, which didn’t adjust well (or at all) when we start shrinking the width of the mobile portrait screen. Sometimes we end up having 1 word on a line.
Likewise, we tried using different units - px, % etc. Not much improvement. We tried using a smaller font, but even then things are never quite right.
We don’t know if there’s a way for the text to auto adjust proportionally the width of the mobile portrait screen changes?
And in general, how do you actually get headings and tag-lines to look more or less the same as the desktop version (or at least will adjust nicely without having 1 word on its own line) on screens less than 320px?
Thanks in advance.
Here is my site Read-Only: LINK