Insert breaks or word wrap the paragraph

I installed a plugin called ‘Customized WYSIWYG Editor Page Widths’
so when I create a post it will look exactly as it shows up
on mobile platforms.

Here’s a screenshot of it in progress…

It changes the appearance of the editor, and that’s exactly what I want it to look like because it’s condensing the width of the post. However, when I publish the post, it does not add line breaks to the approprate places
nor does it word-wrap at a certain point or change the width of the text.

Here’s what it looks like after publishing, see there’s no changes made to look like the visual editor.

I’ve tried changing the <p> and post-entry classes and although that
seemed to give it a temporary fix, it messed up the alignment of too many other elements like the bio, signature, other plugins, etc.

What’s the best way to get my posts to condense to a shorter width when I click publish so that it matches the screenshot?