XY Grid
This is the XY Grid. It shows content in responsive columns and rows. Each cell can be individually configured via foundation ready classes to determine the width and alignment rules of the content within.
The parent XY Grid is also configurable with options that determine inner padding and alignment.
Block Grid
This is the block grid. It can be used to display responsive columns and rows. It differs from the XY grid in its level of control.
The block grid has cells and the parent block-grid container has control of the size of each cell. Click outside of the cell to see the options
Align Narrow
Content inside of this block will be constrained into a narrower viewport. Any blocks can be used inside of this container, but they will never be wider than the align narrow width.
CTA Block
Any blocks can be added in here, but we recommend keeping it simple. This works best with heading, paragraph text, simple lists, and — of course — buttons.