Heading
Heading
Heading
Text 1
Text 2
Text 3
Text 4
Text 5
Text 6
Text 7
Text 8
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Grid System
20%
25%
33%
50%
67%
80%
100%
Common Grid Layouts
Structure of the Grid System:
Parent div block with class "Grid"
Children blocks with class "Grid Item". Each of this classes has predefine combo classes with percentage: 20, 25, 33, 50, 67, 80 and 100.
Main principle of this Grid is wrapping Grid Item to next line when it fills 100%. So, you can have in one line different combo layouts like: 50:50, 25:25:25:25, 33:33:33 etc.
If you struggling with combo classes you can read more about it.
20%
80%
100%
33%
33%
33%
33%
67%
80%
20%
25%
25%
25%
25%
Spacers System
Use this additional spaces if needed.
You can easily choose predefined space just input combo class that you need or create your own.