Set Padding

You can set a padding to an element instantly by using the following utilities classes.

.pd-l-30
.pd-l-50
Media Query Padding

You can also set a padding to a different media query using the following utilities classes.

Class Value
.pd-[size]-t-[value] (or) .pt-[size]-[value]
.pd-[size]-r-[value] (or) .pr-[size]-[value]
.pd-[size]-b-[value] (or) .pb-[size]-[value]
.pd-[size]-l-[value] (or) .pl-[size]-[value]

size: xs | sm | md | lg | xl

value: the padding value (refer to code above)

Sales Summary
Total Revenue
weekly profit
$15,300
Total Tax
weekly profit
$1,625
Total Income
weekly profit
$55,897
Total Loss
weekly profit
20%