Grid

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

Move columns to the right or left using [pull] properties.

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

[col]="12" [colDesktopSmall]="3" [pull]="'right'"

[col]="12" [colDesktopSmall]="3" [pull]="'left'"

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

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

[col]="12" [colDesktopSmall]="3" [pull]="'right'"

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

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

[col]="12" [colDesktopSmall]="3" [pull]="'right'"

[col]="12" [colDesktopSmall]="3" [pull]="'right'"

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