Breakout Section
Breakout Content
Gutenberg Columns Block + Custom CSS.
This is for a 2 column layout where one of the columns allows its content / image to ”break out’ from the constraints of the page’s inner-content width, ALL THE WAY to the edge of the window, while the other column’s content remains within the theme’s inner-content width.
Default 2 Columns
Right column content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere aliquam bibendum. Sed massa mauris, pharetra sed tempor non, porta in diam. Morbi et sem id dolor ullamcorper varius. Curabitur ipsum felis, iaculis sit amet ultrices ac, gravida non dolor. Suspendisse posuere sapien nec metus imperdiet ullamcorper.
2 Columns with Breakout Content
Right column content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere aliquam bibendum. Sed massa mauris, pharetra sed tempor non, porta in diam. Morbi et sem id dolor ullamcorper varius. Curabitur ipsum felis, iaculis sit amet ultrices ac, gravida non dolor. Suspendisse posuere sapien nec metus imperdiet ullamcorper.