Text overlaying boxes on resize when using google crome or firefox

[sargentfrancesca]

For example on this page: https://iatistandard.org/en/using-data/

On certain screen sizes the box at the bottom of the screen get messed up and the copy runs over behind the boxes. If the screen size doesn't allow for all the text to displayed in the box can it be cut off and have a ... instead of running under the button?

(from #327)

[samuele-mattiuzzo]

This is going to be an interesting one to fix.

• on Firefox, the text for me does not overlap when before the mobile style kicks in
• on Chrome, the text starts overlapping almost instantaneously

Will need to run some tests to check when the best time to ellipse is