We’ve got some long text strings (no spaces in between) in design, and we are wondering how to deal with these when it comes to responsive sizing. Here’s what I’m dealing with: <a href="https://www.v-norm.com/wp-content/uploads/2025/02/Screenshot-2025-02-28-155828.png"><img class="alignnone size-full wp-image-3113" src="https://www.v-norm.com/wp-content/uploads/2025/02/Screenshot-2025-02-28-155828.png" alt="" width="893" height="451" /></a> Here’s a snippet with the CSS code to fix: <pre>a { text-decoration: none !important; color: var(--primary); font-weight: 600; word-wrap:break-word; overflow-wrap:break-word }</pre> after fixing the issue: <a href="https://www.v-norm.com/wp-content/uploads/2025/02/Screenshot-2025-02-28-160213.png"><img class="alignnone size-full wp-image-3114" src="https://www.v-norm.com/wp-content/uploads/2025/02/Screenshot-2025-02-28-160213.png" alt="" width="760" height="410" /></a> Finally, I hope this content will help you to solve this issue. Any problem cannot be fixed; comment below.