Long unbroken text – a URL, a technical string, an error code – can bleed outside its card or container instead of wrapping.
⚡ Quick Fix (TL;DR)
The Culprit: A long word or URL has no natural space for the browser to wrap at, so it just keeps going past the container edge.
The Fix: Allow the browser to break long words mid-word when necessary, rather than only at spaces.
.my-container {
overflow-wrap: break-word;
} Was this helpful? Thanks for the feedback!
Tagged in :
More from the field
Bisect to an Empty Baseline Before Trusting Any Single Theory
.
Multiple plausible-sounding theories for a bug each turned out to be wrong when actually tested – time was spent building fixes…
A Security Dashboard’s Activity Log Can Lag a Full Day Behind Real Time
.
Trying to check a security tool’s activity log for an event that had just happened showed nothing at all.