break word in project description

[benjiwheeler]

Resolves:

Resolves #2853

Changes:

Implements the fix that @Smrman proposed in #2853 (comment) , which is to apply the word-break: break-word style to the project-description class.

Screenshots:

Chrome:

Before:

After:

Firefox:

Before: (narrow window size):

After: (narrow window size):

Safari:

Before:

After:

[chrisgarrity]

This looks ok, but note that word-break: break-word is deprecated in favor of overflow-wrap: break-word: https://developer.mozilla.org/en-US/docs/Web/CSS/word-break. Assuming it solves the problem it would be better to use the non-deprecated solution.

[benjiwheeler]

Looks like it's word-wrap that is deprecated in favor of overflow-wrap -- the former is currently an alias for the latter.

work-break is something different, apparently.

Seems from some research ( https://stackoverflow.com/questions/1795109/what-is-the-difference-between-word-break-break-all-versus-word-wrap-break ) like it would make sense to include both.

@chrisgarrity Take a look at my change!

[chrisgarrity]

I disagree, the word-break: break-word option is specifically deprecated in favor of overflow wrap. The word-break css was trying to handle two situations: languages where each glyph may be a word, and wrapping exceedingly long words in other languages that overflow their container. overflow-wrap is the correct way to handle the latter. Are there browsers that we need to support that don't support the overflow-wrap version so it's necessary for us to have both?

[benjiwheeler]

I disagree, the word-break: break-word option is specifically deprecated in favor of overflow wrap.

Oh, I see, you're right. Removing!

[chrisgarrity]

👍