CSS issue with 13" (1280 x 659) viewports.

[raisedadead]

Device:

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.98 Safari/537.36

Viewport : 1280 x 659

Issue :

This almost made be believe that the url is actually .co instead of a .com

[raisedadead]

this must go against the backup/master and staging branches

[erictleung]

We could use either <wbr> (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/wbr) or an overflow-wrap (https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap). Previously for this kind of issue, we used the <wbr>. I haven't used overflow-wrap, but the example on MDN could make for a more long-term solution without having to manually add in <wbr> breaks in long word.

[chiptus]

I'm on it.
I'm adding this rule to the .test-output class. It's working on the staging branch, should I do the change to master branch as well?

[raisedadead]

@chiptus thanks a lot for looking into this.

should I do the change to master branch as well?

Yes. But NOT master, check my earlier clarification:

this must go against the backup/master and staging branches