Grid System

The table of grid system sizes

Device Width

≥ 992px

< 992px

< 767px

< 479px

Max Container Width

1200px

100%

colour Palette

Primary

#EC721F

#F8F8FB

Secondary

#FFFFFF

#434645

#181919

Typography

Headers - Desktop

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Headers - Tablet

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Headers - Mobile

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Body

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

List

List Item
List Item
List Item
List Item

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

Item 1
Item 2
Item 3

Unordered list

Item A
Item B
Item C

Text link

Bold text

Emphasis

^Superscript

_Subscript

Buttons

Primary button

See our Course

Primary button Black

Style Guide

Grid System

The table of grid system sizes

colour Palette

Primary

Secondary

Typography

Headers - Desktop

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Headers - Tablet

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Headers - Mobile

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Body

Paragraph

Links

link

Link With Icon

List

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Buttons

Primary button

Primary button Black

Secondary Button

Third Button

Fourth Button