Testing long words in HTML

I've always suspected that responsive design alone could sometimes not be enough when thinking og WCAG reflow.

After reading The Ballad of Text Overflow article about WCAG success criterion 1.4.10 I decided to test some possible solutions.

Mozilla on hypens is a good starting point to check the hypens CSS solution.

So - let's set 320px width to a container with long words and check what is the problem and how to solve it;