Text compresses in responsive view

My text looks good in the Desktop and Tablet view, but the text compresses and letters overlap each other when in Mobile (L) and Mobile § preview.

Can someone tell me why and how to fix this?

Thx in advance!

Read-only link:

Published link:

Change the height of the typography to 1.5 - (the dash is in the dropdown).
Do this in the desktop view.

It’s also good practice to use ems instead of pixels for fonts.

Aha. That solved the problem of the text compressing and overlapping with itself. Now it’s flowing down over the element below it. Will figure that out. But my first problem is solved. Thx!

Btw where can I find documentation on what the hyphen ("-") means in “1.5 -” ?

Often one solution finds another problem!