Introduction

Its important to understand how layouts can be managed easily using this library. There are a few predefined helper classes for layouts, margin and paddings.

Layouts

Padding Classes

• p-1 --> 1em padding
• p-2 --> 2em padding
• p-3--> 3em padding
• pt-1 --> 1em padding top
• pb-1 --> 1em padding bottom
• pl-1 --> 1em padding left
• pr-1--> 1em padding right

Margin Classes

• m-1 --> 1rem margin
• m-2 --> 2rem margin
• m-3 --> 3rem margin
• mt-1 --> 1rem margin top
• mb-1 --> 1rem margin bottom
• ml-1 --> 1rem margin left
• mr-1 --> 1rem margin right
• mt-2 --> 2rem margin top
• mb-2 --> 2rem margin bottom
• ml-2 --> 2rem margin left
• mr-2 --> 2rem margin right