Child Themes Typo – Looks Bad in Mobile

I have been trying to make a child theme of Zerif Lite but no matter what I do, the mobile typography looks bad.

I have looked at the other child themes of Zerif Lite in www.remarpro.com (like ZBlackBeard, Zifer etc) and they all seem to suffer from the same fate.

As an example, use your phone and check the demo of the child themes above. Go to the Element page (or any page with texts) and see how the paragraphs are not spaced nicely. They become a wall of text.

And the texts are sometimes justifed, while the text in blockquotes seems jumbled.

I find it strange because Zerif Lite looks nice in mobile. And even if the child theme css is blank, it wont play nice. The typography still is bad on mobile.

Does anyone knows a fix?

Thank you