Grids - Digital guide
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
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 5 July 2023
Join the conversation on digital
Get advice and share your insights with other digital practitioners. Join the Single Digital Presence Community of Practice(opens in a new window).
About the VIC Government
- The Premier and ministers
- Find a Vic Gov department, agency or service
- Strategies and policies
- Inquiries and royal commissions
Grants and programs
Jobs and careers
Arts, culture and heritage
Business and the workplace
- Mentally Healthy Workplaces Framework
- Portable Long Service Authority
- Victoria’s racing industry
- Workforce Inspectorate Victoria
- Liquor licensing, sale and supply
Communities
- Children
- First Peoples - State Relations
- Finding records
- Gender equality & women’s leadership
- LGBTIQA+ equality
- Multicultural communities
- Seniors Online
- Veterans support and commemoration
- Volunteering in Victoria
- Youth Central
Education and training
- Victorian Early Childhood Regulatory Authority
- Early childhood education – information for professionals
- Kinder: Best Start, Best Life
- Education – information for parents
- Schools.Vic - information for schools
- Education grants, programs, awards and events
- PROTECT
- TAFE, training and universities sector
- TAFE Victoria
- Victorian Skills Authority
- Apprenticeships Victoria
- Learn Local
Environment, water and energy
Finance and economy
Health and social support
- Family violence reform
- NDIS Worker Screening Check
- NDIS and disability services and support in Victoria
- Patient Review Panel
- Transforming Trauma Victoria
Housing and property
Law and justice
- Adoption
- Births, deaths and marriages
- Honorary justices
- Machete ban
- Safeguarding Victorians against terrorism
- Stolen Generations Reparations Package
- Victims of Crime
- Victorian Racing Tribunal
Safety and emergencies
- Emergency Recovery Victoria
- Victorian Emergency Relief and Recovery Foundation
- Emergency Recovery Resource Portal
- How well do you know fire
- Fire Services Reform
- Water safety
- Marine Search and Rescue
Science and technology
- Data sharing and open data
- Data.vic - discover and access Vic Gov open data
- Developer.Vic - portal for API developers
- Go.vic URL shortener
- Vic Gov IT project dashboard
- Victoria’s free public wi-fi network
- Cyber security in the Victorian Government
Sport and recreation
Traffic and transport
- Cameras Save Lives
- Transport Fines
- Getting Around
- Transport Planning
- Transport Future
- Climate Change and transport
- Future Directions For Transport
- Transport projects
- Ports and Freight
Working in the Victorian Government
- Single Digital Presence home
- Accommodation and Library Services
- Executive employment in the Victorian public sector
- Budget, procurement and funding
- Careers in the Victorian Government
- Council and Regulator Toolkit
- Guidelines for working in government
- Join a government network
- Standards and guidelines
- VicFleet CarPool
- Victorian Government style guide