On my website, I'm facing an issue with text overflowing off the page when the podcast listing page is viewed on a small screen:
https://i.sstatic.net/ZAR6Z.png
I stumbled upon this helpful Stack Overflow answer that suggests using a specific CSS class to prevent text overflow. Here's the code snippet:
.break-long-words {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
word-break: break-word;
hyphens: auto;
}
Even though I've confirmed using Chrome Dev tools that the break-long-words
class is applied to the text, the issue of text overflowing off the page persists.