Quick links
🔑 Sign in
🖥 Website standards.site
🐦 Twitter @standards_site
📷 Instagram @standards.site
Updates
Design & Editing
In this guide:
In Standards the grid setting is modified within each layout layer. This is set to a default count and can be overridden on each layout at each breakpoint. The grid count sets how many columns can fit within before wrapping.
Grid settings control default spacing, margin, grid count, and breakpoints. They are accessed in the breakpoint dropdown from the top bar.
Essentially a content ‘max width’ can be enabled, so at the desired width the site will stop scaling. Use the alignment to control where the site aligns when the window is above the max width.
Each breakpoint’s layouts will use the number of columns by default when added. The most common desktop grid is 12 columns, while mobile is most often 1 column.
The outside spacing default for all layouts
The in-between spacing default amount between columns both horizontally and vertically when they wrap.
Under tablet and mobile, the breakpoint amount is the window width at which the breakpoint is triggered. For instance, a tablet breakpoint of 1020 pixels means if the viewer’s window is at or under 1020 pixels wide the tablet breakpoint settings will display automatically.
While there are default grid counts, they can be overridden on any layout at any breakpoint. This is most common when designing tile-based layouts like a grid of swatches.
