Profile

This block has a solid background colour to show that the background is full width. The content being also of full width means that this text is weirdly flush with the browser's left-hand boundary or border.

Notice how the header and footer are not in fact full page width. They are contextual data around the content and so are always of at least outer column alignment.

If not obvious, this block profile is best suited for wide image blocks rather than content blocks for example.

This block has a solid background colour to show that the background is full width. The content being of outer width means that this text is flush with an outer column on desktop and tablet (mobile is always just one full-width column).

This text is in line with this block's Full/Outer heading and it's footer content.

This block has a solid background colour to show that the background is full width. The content being also of inner width means that this text along with this block's heading and footer content are all indented further into an inner-column within the page flow.

This block has a solid background colour to show that the background is outer width. The content being of outer width as well means that this text is flush with the same outer column on desktop and tablet (mobile is always just one outer-width column).

This text is in line with this block's Outer/Outer heading and it's footer content.

This block has a solid background colour to show that the background is full width. The content being also of inner width means that this text along with this block's heading and footer content are all indented further into an inner-column within the page flow.