Margin
Set Margin
You can set a margin to an element instantly by using the following utilities classes.
.mg-l-20
.mg-l-40
| Smaller Margin | Value |
|---|---|
.mg-t-[value]
|
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
Media Query Margin
You can also set a margin to a different media query using the following utilities classes.
| Class | Value |
|---|---|
.mg-[breakpoint]-t-[value]
|
breakpoint: xs | sm | md | lg | xl value: the margin value (refer to code above) |
Auto Margin
You can also set a margin to a different media query using the following utilities classes.
| 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 |