search

MozillaFoundation / foundation.mozilla.org

Mozilla Foundation website
https://foundation.mozilla.org
Mozilla Public License 2.0
384 stars 153 forks source link

[Publications] Long URLs extend beyond container #5825

Closed sabrinang closed 3 years ago

sabrinang commented 3 years ago

When there is a long URL present it is breaking outside of the column content body:

image

https://foundation.mozilla.org/en/insights/trustworthy-ai-whitepaper/path-forward/building-new-tech-and-products/#footnote-5

image https://foundation.mozilla.org/en/insights/trustworthy-ai-whitepaper/references/

/cc @baricks @jamilasnell

mmmavis commented 3 years ago

The footnote list should probably be implemented using <ol> instead of a list of <div> with flexbox. Will have to rewrite the DOM + tweak styling a bit. Hopefully by having a more semantic implementation + breaking long url can solve the issue here.