As you can see on this test page I'm working on, I have text overlaying the main background banner image, and the text resizes based on the screen size.
It looks really good in the initial desktop state, but as you resize the window and go smaller, the text is too big to fit on the screen. To make it fit on the screen, the font size has to be made really small, which defeats the purpose of a big headline.
Font sizes based on screen sizes are controlled right in the made code here:
I'm wondering if there is a way to set some kind of container restriction that will cause it to automatically break onto two lines if the text is wider than the viewport. That way I won't have to make the font size so small just to fit.
Does that make sense? Let me know if you need more info.