Container Block
Allows to place blocks inside a container block, which much like a section, can have its own background and spacing options.
Default Section with Inverted Container
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id commodo justo. Aliquam sed enim vel ipsum venenatis tincidunt. Donec posuere enim non tellus eleifend, eu mollis lacus sollicitudin. Sed fermentum interdum arcu, nec accumsan arcu. Mauris varius tristique ligula. Praesent maximus dictum pharetra. In sollicitudin suscipit arcu, ut bibendum odio aliquet eu. Etiam odio lorem, rhoncus ac orci sit amet, lacinia pharetra eros. Vivamus tempus pharetra odio, id consectetur justo mattis id. Duis non maximus lectus.
Overlapping Section with Various Container Options
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id commodo justo. Aliquam sed enim vel ipsum venenatis tincidunt. Donec posuere enim non tellus eleifend, eu mollis lacus sollicitudin. Sed fermentum interdum arcu, nec accumsan arcu. Mauris varius tristique ligula. Praesent maximus dictum pharetra. In sollicitudin suscipit arcu, ut bibendum odio aliquet eu. Etiam odio lorem, rhoncus ac orci sit amet, lacinia pharetra eros. Vivamus tempus pharetra odio, id consectetur justo mattis id. Duis non maximus lectus.
Inverted Section with Default Container
Buttons are here for testing purposes. At the moment the inverted parent is interfering with the container.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id commodo justo. Aliquam sed enim vel ipsum venenatis tincidunt. Donec posuere enim non tellus eleifend, eu mollis lacus sollicitudin. Sed fermentum interdum arcu, nec accumsan arcu. Mauris varius tristique ligula. Praesent maximus dictum pharetra. In sollicitudin suscipit arcu, ut bibendum odio aliquet eu. Etiam odio lorem, rhoncus ac orci sit amet, lacinia pharetra eros. Vivamus tempus pharetra odio, id consectetur justo mattis id. Duis non maximus lectus.
Custom Layout + Nested Containers
If you need blocks side-by-side instead of stacked use a container with a layout. Containers can also be nested to create complex layouts. However this should be used sparingly as it is always easier for editors to use a Custom Block, Columns Block, or Row Block.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id commodo justo. Aliquam sed enim vel ipsum venenatis tincidunt. Donec posuere enim non tellus eleifend, eu mollis lacus sollicitudin. Sed fermentum interdum arcu, nec accumsan arcu. Mauris varius tristique ligula. Praesent maximus dictum pharetra. In sollicitudin suscipit arcu, ut bibendum odio aliquet eu. Etiam odio lorem, rhoncus ac orci sit amet, lacinia pharetra eros. Vivamus tempus pharetra odio, id consectetur justo mattis id. Duis non maximus lectus.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id commodo justo. Aliquam sed enim vel ipsum venenatis tincidunt.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean id commodo justo. Aliquam sed enim vel ipsum venenatis tincidunt.