How can I make the dynamic span content not to overlap its width

Store Design
1

Site: https://master-theme-development.myshopify.com/blogs/news/blog6

pass: treoto

blog.JPG
blog.JPG1916×969 47.9 KB

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
.container span {
    word-break: break-word;
}
3

@ZestardTech thanks that worked.

4

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.

5

Also, how can I retain the picture quality, it is pixelated.

https://master-theme-development.myshopify.com/

pass: treoto

@ZestardTech

pixelated-pic.JPG
pixelated-pic.JPG1898×971 68.8 KB

6

Hello There,
upload big image beacuse image is small so blur is coming.