Grids

Grids

There are no exact rules for how you should set-up your grids, however we’ve come up with some ideas to get you started. 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: eight-column grid, gutters and margins approximately 50% of the column width
  • Mobile: four-column grid, gutters and margins approximately 50% of the column width

Grids and responsiveness across devices is discussed in more detail in Responsive Design.

 

Join the conversation on digital

Get advice and share your insights about this topic with other digital practitioners on the WoVG Digital Group on Yammer (VPS access only).

Can’t access Yammer? Contact us by email: contact@dpc.vic.gov.au. (We may post your comment on Yammer for general discussion. Please tell us if that’s not OK.)