[Bug]: Lettre (newsletter theme) — long single word titles get cut easily

[simison]

Quick summary

Even a bit longer single word texts get cut out easily, and not split to multiple lines due lack of spaces:

Might not happen in English that often, but in some other languages (like Finnish, German, Swedish) where long words are common this could happen more frequently.

Is it worth making the text slightly smaller on narrow screens?

Steps to reproduce

You can test longer terms in https://horizon.wordpress.com/setup/?flow=newsletter and check the mobile preview at launchpad.

What you expected to happen

Smaller text or auto-hyphen.

Tested above example with hyphens: auto; and lang="fi", slightly better — could work better for English or German:

What actually happened

Cut out.

Browser

No response

Context

No response

Platform (Simple, Atomic, or both?)

No response

Other notes

No response

Reproducibility

Consistent

Severity

No response

Available workarounds?

No response

Workaround details

No response

cc @mtias

[simison]

Matías noted:

Should probably just be using the new fluid type flag

[simison]

Similar issue with newsletter archive post titles on homepage:

The mobile viewport width in examples is kinda extreme 320px, while higher end phones are wider than that. But still!

[mikachan]

I've created a potential fix for this here: D87131-code

[mikachan]

Closing as D87131-code has been deployed.

[mtias]

Thanks @mikachan !