Padding

  1. Utilities
  2. Padding

Padding Top Values

It is Very Easy to Customize and it uses in website apllication.

.pt-3
.pt-5
.pt-7
Classes .pt-[value]
Values 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10
Paading Left Values

It is Very Easy to Customize and it uses in website apllication.

.ps-3
.ps-5
.ps-auto
Classes .ps-[value]
Values 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10

Padding Right values

It is Very Easy to Customize and it uses in website apllication.

.pe-3
.pe-5
.pe-7
Classes .pe-[value]
Values 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10

Padding Bottom values

It is Very Easy to Customize and it uses in website apllication.

.pb-3
.pb-5
.pb-7
Classes .pb-[value]
Values 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10

Media Query Padding

It is Very Easy to Customize and it uses in website apllication.

Classes Value
.pt-[size]-[value]
.pe-[size]-[value]
.pb-[size]-[value]
.ps-[value]

size: xs | sm | md | lg | xl

value: the padding value (refer to code above)