CMS Heading not wrapping on mobile

Hey Webflow’ers,

I am kinda clueless and couldn’t find any answer to my problem yet. As you can see in the screenshot, I have an H1 heading, which is linked to my CMS. But the heading is not breaking on mobile. Even with the css-styling property word-wrap: break-word; it is not working.

Would be happy if anyone can assist me here, who maybe faced this issue in the past.

Here is my site Read-Only: [LINK][1]

Alright. After some tweaks, I’ve found a solution. The problem was that I’ve used a grid, which had 1fr in column size. After I changed the size of the column from 1fr to 100% it worked perfectly.