How to make text wrapping work?

Question

css

It’s even somehow embarrassing for me to ask such questions, but I’m a little shocked.
Bootstrap 4, regular h1 tag? the following styles are assigned:
display: block
padding: 0
line-height: 1
font-size: 78px
text-transform: uppercase
font-weight: bold
On small screens, text doesn't wrap to the next line WTF?
I tried to use white-space, it did not help, I know that you can use media queries, but damn, the text should be wrapped, right?!
First time I've come across something like this.

Answer 1

word-wrap: break-word;