https://wordpress.org/about/privacy/ page design breaking issue in the mobile devices.

[upadalavipul]

I reviewed the above page on my mobile devices and found this page design is breaking. please check the below-attached video for a better understanding issue.

Video URL: ​https://share.cleanshot.com/9PnbxsQPvQmbcZ32Bgxz

Page URL: ​https://wordpress.org/about/privacy/

[upadalavipul]

Need to add the below CSS for the above issue.

CSS:

@media screen and ( max-width: 420px ) {
    .is-layout-constrained ol li {
        word-break: break-all;
    }
}

[nidhidhandhukiya]

Hello @upadalavipul
I have test this solution this can solve the issue but If we use this solution that can break the whole word also.

If we provide below solution that can break the word not a single character.

@media screen and ( max-width: 420px ) {
    .is-layout-constrained ol li {
        word-break: break-word;
    }
}

[coffee2code]

Thanks for the report! This was fixed 8 months ago in the ​parent theme in ​28564c6 on GitHub.

[coffee2code]

#6846 was marked as a duplicate.