These grids can be modified to suit the design intention and specific site requirements. The most important takeaway is your grids must be consistent across all page designs.
Desktop
12-column grid, gutters and margins approximately 50% of the column width.
Tablet
8-column grid, gutters and margins approximately 50% of the column width.
Mobile
4-column grid, gutters and margins approximately 50% of the column width.
Grids and responsiveness across devices is discussed in more detail in Responsive Design.
Apply Brand Victoria - digital guide
Find out how to apply Brand Victoria to your digital presence and download the Brand 'VIC' font.
Responsive design - digital guide
How to design for desktop and mobile to ensure your digital product is responsive across devices.
Updated