Go to main content

Grid

Grid

Introduction

The grid system is using Prime Flex Grid System and utilises flexbox and responsive media queries

Columns

Note: All columns below have the prefix col- which will only use the fractional width for screen widths above 1200px, and any smaller will revert to 100% width

Each column has 16px of padding on each side, making the total gutter spacing between columns 32px

col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-2
col-2
col-2
col-2
col-2
col-2
col-3
col-3
col-3
col-3
col-4
col-4
col-4
col-5
col-7
col-6
col-6
col-8
col-4
col-9
col-3
col-10
col-2
col-11
col-1
col-12