Some blog posts are extending past their containers #1532
Description
@gerardo-rodriguez pointed this out when reviewing a Wordpress PR (https://github.com/cloudfour/cloudfour.com-wp/pull/609) but I think the root of the problem is in our pattern library CSS
The issue seems to crop up when a post has wide code blocks. These code blocks are meant to max out at 100% width and scroll if they have horizontal overflow but that doesn't seem to be happening.
Weirdly, our pre elements do have overflow: auto so it seems like they should work. I dug into this a bit and it seems like it may be related to our page object? If I remove the o-page class from the body or set o-page__content to max-width: 100vw the problem fixes itself.
It's not totally clear to me what the correct fix is. We should update the single article prototype to reproduce the issue, and then fix it in our pattern library CSS.