Breaking the Wrapper

An example of breaking a fixed with wrapper.

by brucifer906

HTML

<div class="wrapper">
	<p>Some Content</p>
    <!-- Please excuse the image I had to use, I needed an example for the demo -->
    <p class="break-wrapper" style="background-image:url('https://images.unsplash.com/photo-1601037055952-0651d4833621?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80')">Full Width Content</p>
    <p>More Content</p>
</div>

CSS

.wrapper {
  max-width: 200px;
  margin: 0 auto;
  border: 1px solid rgba(0,0,0.4);
}