Grid Generator/Multi Columns
Grid Generator Tool: http://mk040.monkpreview.com/grid-generator/ (use your domain when your site goes live)
Overview
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 http://yourdomain.com/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).
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.
Help Site: Creating Responsive Columns