Long URL break out fix in flex box

Written By Sanjir Habib On May-13th, 2021
Finally been able to fix the "view overflow" bug on the front page of sanjir.com

Here's what went wrong.

Was posting long URLs without trimming it as usually done by Facebook and Twitter. And those URLs were breaking out of the flex boxes. The quick solution that I searched on the web didn't actually prevented the overflow.

This did

<a style='word-break: break-word;' ...>

You need to set word-break: break-word. No overflow-wrap will fix it.

And now the break outs are gone.