Grid System

This is for display purposes and designed for QA against the following screen sizes.

xs: 480px
sm: 768px
md: 992px
lg: 1200px

Responsive & Show/Hide

Col 1: xs hide, md span 3, lg span 5.
Col 2: xs span 6, sm hide, md span 6, lg span 6.
Col 6 and Col 7 stay the same in all the viewports
Col 1
Col 2
Col 3
Col 4
Col 5
Col 6
Col 7

Offset

Col 2: xsOffset 2, smOffset 0, mdOffset 10, lgOffset 5
Col 1 offset 11
col 2
Col 3 offset 9
Col 4 offset 8
Col 5 offset 7
Col 6 offset 6

Auto Width

Each row is divided equally by the amount of columns in each.
AutoWidth
AutoWidth
AutoWidth
AutoWidth
AutoWidth
AutoWidth
AutoWidth
AutoWidth
AutoWidth

Col Alignment

 
xs start
md end
lg center
end lg only
center sm, lg
baseline xs and up
Stretch on all screens

Row Alignment

Row start on sm, lg
Row center on sm, lg
Row end on sm and lg
 
Row top sm, lg
 
Row middle sm, lg
 
Row bottom sm, lg

Row Distribution

around only on sm and lg
between only on sm and lg
Around
Around
Around
Around
Between
Between
Between

Reordering Cols 1-12

col1 : xs5, sm1, md1, lg:6
col2 : xs6, sm3, md2, lg:5
col3 : xs4, sm2, md3, lg:4
col4 : xs2, sm4, md4, lg:3
col5 : xs1, sm5, md5, lg:2
col6 : xs3, sm6, md6, lg:1
1
2
3
4
5
6

Reordering Cols First/Last

col1 : last on sm and lg
col6 : first on sm and lg
1
2
3
4
5
6

Reverse Row

Reverse on sm and lg
1
2
3
4
5
6

FONTS

[Hero Headline]

Volkswagen Golf hatchback GTI

[Headline]

Mercedes-Benz Kogi Cosby sweater ethical squid irony disrupt.

[Title]

Kogi Cosby sweater ethical squid irony disrupt.

[Subheading]

The Volkswagen Golf GTI is one of our favourite family cars. It`s brilliant to drive, competitively priced and well equipped.

[Body 2]

Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally.

[Body 1]

‘Das Auto’, or ‘The Car’ to we Brits, used to be Volkswagen’s strap line, and for many the Volkswagen Golf really is the car of choice. Since the original was launched back in 1974, more than 33 million have been sold, which works out to about one every 40 seconds. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally.

[Caption1/button]

Used Ford Kuga vs Volkswagen Tiguan Photography by Joe Bloggs

[Caption2/tag]

Used Ford Kuga vs Volkswagen Tiguan Photography by Joe Bloggs

[Section title]

Volkswagen Golf hatchback GTI

[Quotes]

Kogi Cosby sweater ethical squid irony disrupt.

[Body 2]

Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally.

[Body 1]

‘Das Auto’, or ‘The Car’ to we Brits, used to be Volkswagen’s strap line, and for many the Volkswagen Golf really is the car of choice. Since the original was launched back in 1974, more than 33 million have been sold, which works out to about one every 40 seconds. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally.

[Body Slim]

‘Das Auto’, or ‘The Car’ to we Brits, used to be Volkswagen’s strap line, and for many the Volkswagen Golf really is the car of choice. Since the original was launched back in 1974, more than 33 million have been sold, which works out to about one every 40 seconds. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally. Volkswagen rocked the motoring world in 2015 when it admitted cheating in emissions tests, and the German giant is still feeling the effects of the scandal through diminished customer trust, not to mention the potential costs of recalling millions of cars globally.

[Note]

Used Ford Kuga vs Volkswagen Tiguan Photography by Joe Bloggs