I cannot figure out how to style an element so that the page works responsively. This is a new one on me.
When you look at the page on a computer or on tablets, the three text containers look great.
But when viewed on smartphones, the second and third text containers cannot "contain" the text, which compromises the needed responsive behavior; the text in those two containers bleeds out to the right.
Because the purpose of the page is to "check one's vision," I don't want to shrink the font size of the text that's inside the containers.
So, how can I make the page responsive, *without* decreasing the size of the text that's inside the three containers (named ".centerBox")?
Thanks very much.