Spaces

Qoduby template supports 2 different types of spaces as padding and margin. These premade spacing classes are different from Bootstrap spacing classes.

You can use these classes as .p{breakpoint}{size} or .m{breakpoint}{size}. Sizes range from 0 to 7.

Sizes are defined using rem. Below you can see the values defined for sizes.

Example

										
<div class="p7">.p7 spaces</div>
<div class="ps7">.ps7 start spaces</div>
<div class="pe7">.pe7 end spaces</div>
<div class="pt7">.pt7 top spaces</div>
<div class="pb7">.pb7 bottom spaces</div>