Better Line Breaks for Long URLs

PHOTO EMBED

Mon May 22 2023 07:27:08 GMT+0000 (Coordinated Universal Time)

Saved by @Kristi 

.link {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  hyphens: auto;
}
content_copyCOPY

When using long URLs, you may want to break them on smaller screens so that they won't create a horizontal scroll bar.

https://css-tricks.com/better-line-breaks-for-long-urls/