Hassle-free Full Bleed with *:not()

Common situation documented by Dave Rupert:

Let's say you're making a blog post layout. Content is entered into a CMS inside a WYSIWYG editor field. You echo that content to the page. You pull it up on a mobile device and notice the paragraphs go edge-to-edge. Yikes, it's a little uncomfortable. So you add some kind of left/right padding maybe using a div.container.

This works great until the client asks for the images and video to go full bleed. …

Hassle-free Full Bleed with *:not() is a post from CSS-Tricks