Newsletter made with GrapesJS does not render nicely on Mobile

Version: v0.16.22

Are you able to reproduce the bug from the demo? [X] Yes (Newsletter Demo)

How to reproduce Export the default template or your own template (after you imported it) and send it using . Open the mail on an iPhone.

What is the expected behavior? When sent to a mobile device (in my case iOS) the email should use the full width of the display

Describe the bug detailed I use Mailtrain to send newsletters. Mailtrain integrates GrapesJS to help visualize and edit the emails before sending them. I usually import a template that is known to work fine on mobile and let someone that unfamiliar with HTML adjust the content of the newsletter. When opening a sent newsletter on a mobile device a substantial amount of space is lost since the email does not take up the whole screen width. My best guess is that this has something do to with the protectedCss styles that are applied by default to the HTML code e.g. box-sizing: border-box; and other changes that happen behind the scenes.

I opened an issue on the Mailtrain Repo too Issue. There I explained less briefly what the problem is.

What is the current behavior? Email sent to mobile device have large white bars on each side.