grid
This is the smallest method of creating a grid following the design rules, which state that grid elements should be no smaller than 300px and have 30px of space between each item. It is very likely that at the template level more sophisticated grids will be required to fit everything onto the page dynamically.
Utilities
We’ve added a number of utility classes to help set design rules for specific elements directly in the templates that only apply on multi-column layouts.
.two-rows
This will force an element to span two rows.
.two-columns
This will force an element to span two columns.
.three-columns
These will force an element to span three columns.
Example
RULES
| Property | Value |
|---|---|
| Column width | 300px minimum and stretches to fill between sizes. |
| Gap | 30px |