Weekly Developer Notes – 7th January 2022

This week the sticking spot was using overflow-wrap in Grid using fr for width. There is a known problem that using fr for declaring the width and then using overflow-wrap causes the width to change when you have long words or urls.

The actual issue is using

overflow-wrap: break-word;

I am at the moment using

word-wrap: break-word;
word-break: break-all;

I am currently testing this and all being well it will pass on the long urls and not break the DNA strings as well.

I will update this blog post when the testing is complete.

Posted in Web