Content Card Layout

The Content Card Layout should be used in conjuction with the Content Card, Content Card with Photo, or Contact Card Component. This combination allows the Content Card, Content Card with Photo and Contact Card components to appear in a visual grid and allows their call to action button to align visually, regardless of the amount of content housed in the card. There are three different options, and these include: 2 Column Content Card Layout, 3 Column Content Card Layout, and 4 Column Content Card Layout. When using the Content Card Layout, when a page is viewed on a mobile device, the columns stack vertically left to right.

Demo

Instructions for use

While editing a page:

1. Move your cursor to the area of the page you wish to add the component.
2. Click the "Insert Snippet" button in the editor toolbar.
3. Select the 2 Column Content Card Layout, 3 Column Content Card Layout or 4 Column Content Card Layout snippet from the list.
4. Overwrite the default text in each column and replace it with a Content Card or Content Card with Photo .
5. Click the "Save" button.