Grids & Layout

Break Points

Margins ensure that the content does not spill beyond the screen and follow an alignment from where they start on the screen and till where they may occupy space on any size of the screen within the layout. The size of the margin may be decided based on need and is followed in all sizes of layouts in the same proportion.

Class
Dimension
Padding
Gutter

Small

<768

16

12

Medium

≥ 768 - ≤ 1025

32

16

Large

≥ 1025 - ≤ 1440

48

24

X-Large

≥ 1440 - ≤ 1920

64

32

XX-Large

≥ 1920

72

48