For the spacing utility classes we offer padding, margin and gap classes with a 1 - 10 modifier

Use the padding utility classes in the following manner: .p{?-direction}-{modifier}

Paddings on one side

Vertical and horizontal padding

Padding on all sides

Use the margin utility classes in the following manner: .m{?-direction}-{modifier}

margin on one side

Vertical and horizontal margin

Margin on all sides

Use the gap utility classes in the following manner: .gap-{modifier}