Layout blocks

Columns

Columns are simply containers that can house different content types into up to six side-by-side columns. The content within then does not need to line up the way a grid would.

Column 1, Block 1 – Columns are simply containers that can house different content types into up to six side-by-side columns. The content within then does not need to line up the way a grid would. These are great

Column 1, Block 2 with some extra text. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. In consectetuer turpis ut velit. Nullam accumsan lorem in dui. Nullam vel sem. Phasellus gravida semper nisi.

Column 2, Block 1 -In consectetuer turpis ut velit. Nullam accumsan lorem in dui. Nullam vel sem. Phasellus gravida semper nisi.

Column 2, Block 2 Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. In consectetuer turpis ut velit. Nullam accumsan lorem in dui. Nullam vel sem. Phasellus gravida semper nisi.

Column 3, Block 1 Nullam accumsan lorem in dui. Nullam vel sem. Phasellus gravida semper nisi.

Column 3, Block 2 Nullam accumsan lorem in dui. Nullam vel sem. Phasellus gravida semper nisi.

Column 3, Block 3 Nullam accumsan lorem in dui. Nullam vel sem. Phasellus gravida semper nisi.

Rows

Rows are horizontal containers that organize content across the width of a page.

Groups

The Group block brings together other blocks inside one container so that you can set a background color, adjust spacing, and organize different page sections. 

Nulla facilisi. Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Etiam feugiat lorem non metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean vulputate eleifend tellus.

Stacks

Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. In consectetuer turpis ut velit. Nullam accumsan lorem in dui. Nullam vel sem. Phasellus gravida semper nisi.

Grid

Nulla facilisi. Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Etiam feugiat lorem non metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean vulputate eleifend tellus.

Spacer

If you want to have a space between two blocks, the spacer block is what you will use.
vertical spacer adds space between blocks in a column and can be adjusted to specification.

Separator

The separator block creates a break between two blocks of content with a horizontal line. This helps to create a separation between ideas or sections on your post or page.

Hello World!


Default line separator example

Hello World!


Wide separator example

Hello World!


Dot separator example