cncf / cncf.io

☁️♮🏛🚧 The CNCF.io WordPress website
https://cncf.io
MIT License
80 stars 37 forks source link

Tier 3 report page broken on mobile #654

Closed thetwopct closed 1 year ago

thetwopct commented 1 year ago

URL - https://www.cncf.io/reports/kubernetes-annual-report-2021/

Seems to be pushing page out of bounds.

image

cjyabraham commented 1 year ago

It's this one line causing the problem:

Screen Shot 2023-02-09 at 11 22 03 AM
cjyabraham commented 1 year ago

What's the correct way to deal with this? Just allow it to overflow outside the frame without horizontal scroll? Alternatively we could force a line break?

thetwopct commented 1 year ago

Not sure how the first option would work; I'd prefer the second option anyway.

From memory something like this should do it.

white-space: pre-wrap;
word-wrap: break-word;