Multi Columns
Overview
Your grid generator is here: http://myersparkbaptist.monkpreview3.com/grid-generator/
(use https://myersparkbaptist.org/grid-generator when your site goes live)
You can create a multi-column layout in the content area of pages and content sections by using custom classes and div tags. We have created a grid generator to make this process easier to use.
- The grid generator is located at /grid-generator/
- Select the number of rows and then the column layout for each row. This will produce a code snippet that you can place into the editor of your page or content section
- Copy the code snippet and go to your page in the CMS. You will need to use the html view option and paste in the code to the desired location.
- Switch to edit view and you can update the example content as needed (the grid generator will place a dummy image and text as a placeholder).
*NOTE - Your style guide page has an example for review.
**NOTE - If you would like to display an image inside a column at fullwidth of the column container you can add the class "responsive image" to the image tag.