Introduction Foundations Components Patterns Directives Pipes Motion Brand

Alerts & notifications

Buttons & actions

Cards

Forms

Icons / images / media

Layouts

Navigation

Popups / overlays

Progress & loading indicators

Tags

Typography

Grid

The grid system in Freelancer is a 12 column based Flexbox grid system. It’s fully responsive using a mobile first approach.
Contents
Default Alignment Offsetting Reordering

The grid system in Freelancer is a 12 column based Flexbox grid system. It’s fully responsive using a mobile first approach.

[col]="12" [colTablet]="6" [colDesktopSmall]="3"

[col]="12" [colTablet]="6" [colDesktopSmall]="3"

[col]="12" [colTablet]="6" [colDesktopSmall]="3"

[col]="12" [colTablet]="6" [colDesktopSmall]="3"

[col]="6"

[col]="6"

[col]="6" [colDesktopSmall]="8"

[col]="6" [colDesktopSmall]="4"

Inputs
hAlign ?: HorizontalAlignment
overflow ?: boolean = false
Forces the columns into one row
vAlign ?: VerticalAlignment