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

Created on 17 Nov 2016  ·  4Comments  ·  Source: freeCodeCamp/freeCodeCamp

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 :
image

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

help wanted

All 4 comments

this must go against the backup/master and staging branches

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.

image

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?

@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

Was this page helpful?
0 / 5 - 0 ratings