Use the grid system to build the layout of custom page templates.
The grid system is based off of the Neat framework by Thoughtbot. Width classes are provided to quickly build basic grid layouts that default to 100% width on mobile widths. For nested grids or more nuanced responsiveness, use the build in Neat Sass mixins.
Example Grid Box
Example Grid Box Using Shift Classes
Example Grid Box with Multiple Rows
Generally, fractional widths of all grid items within a grid box should add up to one complete row. If whitespace is needed within a row,
shiftclasses are available to add whitespace to the left of a grid item.
If a grid box needs to contain more than one row, the class
.end-rowis required on the last item of each row.