Grid

• Grid, Standard
• Grid, Gap
• Grid, Small Gap
• Grid, Large Gap
• Grid, no Gutter
• Grid, Small Gutter
• Grid, Large Gutter
• Grid, Align: Left
• Grid, Align: Center
• Grid, Align: Right
• Grid, Device Breakpoints
• Grid, Reverse on tablet or mobile
• Grid, Default reverse order, reset on tablet

Understanding Device Breakpoints

We've defined a few simple breakpoints, which you can use in conjunction with the layout classes. The define at which point a column should take a different width percentage.

• Empty = Desktop
• Tablet (Landscape)
• Tablet-Portrait
• Mobile (Landscape)
• Mobile-Portrait