our themes
Grids
The grid that we offer you is your main reference for dimensions and relationship between components and the rest of interface elements.
The grids styles remain equal in the different subthemes of Wireframe (Vulcan, Astra and Root).
Desktop
For bigger resolution than 1440px width, columns and gutter will remain the same and margin sides will grow.
| Breakpoint: | Columns: | Gutter: | Margin sides: |
|---|---|---|---|
| >= 768px | 12 | 32px | 32px |
Tablet
| Breakpoint: | Columns: | Gutter: | Margin sides: |
|---|---|---|---|
| 768px to 360px | 8 | 24px | 24px |
Mobile
| Breakpoint: | Columns: | Gutter: | Margin sides: |
|---|---|---|---|
| <= 360px | 4 | 16px | 16px |
