overflow on a dev doc is breaking on small screens

[nloureiro]

Describe the bug

on small screens, this page is broken because of an overflow fail

https://ethereum.org/en/developers/docs/consensus-mechanisms/pow/

To reproduce

1. Go to en/developers/docs/consensus-mechanisms/pow/#finality

2. resize the window to a smaller than 500px

3. See the page with horizontal scroll

Expected behavior

should not have horizontal scroll

Screenshots

No response

Desktop (please complete the following information)

No response

Smartphone (please complete the following information)

No response

Additional context

No response

Would you like to work on this issue?

• Yes
• No

[0xdavinci]

[jorgezerpa]

Hi! Can I be assigned to this one? 🤠

[nloureiro]

Hi! Can I be assigned to this one? 🤠

It's yours, thank you!

[jorgezerpa]

hello! @nloureiro

the idea is to break the word into more lines (like image below) or let an scroll on the list element as sugested here ?

[nloureiro]

hello! @nloureiro

the idea is to break the word into more lines (like image below) or let an scroll on the list element as sugested here ?

yes, I think breaking into multiple lines makes sense here; it's not a code snippet.

The screenshot looks great to me.

[jorgezerpa]

@nloureiro Nice! I think this is ready to make a PR
but before, should I have to implement this changes into the translations pages too?

[nloureiro]

@nloureiro Nice! I think this is ready to make a PR but before, should I have to implement this changes into the translations pages too?

Good question, @wackerow should this be done on all translated pages?

[jorgezerpa]

@nloureiro I checked other languages pages and found the same issue, So I fix on those files to.

PR opened, I'm attentive for corrections if its needed🤠

[corwintines]

Thanks @jorgezerpa

There was a more global solution that was merged with #14050, so going to close this out as complete. Feel free to take a look at what was brought in :)