Margin Values
It is Very Easy to Customize and it uses in website apllication.
.mg-l-10
.mg-l-20
.mg-l-30
Margin-top Values
| Classes | .mg-t-[value] |
| Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Margin-Left Values
| Classes | .mg-l-[value] |
| Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Margin-right Values
| Classes | .mg-r-[value] |
| Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Margin-bottom Values
| Classes | .mg-b-[value] |
| Values | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Media Query Margin
It is Very Easy to Customize and it uses in website apllication.
| Class | Value |
|---|---|
.mg-[breakpoint]-t-[value] |
breakpoint: xs | sm | md | lg | xl value: the margin value (refer to code above) |
Auto Margin
It is Very Easy to Customize and it uses in website apllication.
| Class | Value |
|---|---|
.mg-t-auto |
Set a top margin to auto |
.mg-r-auto |
Set a right margin to auto |
.mg-b-auto |
Set a bottom margin to auto |
.mg-l-auto |
Set a left margin to auto |