gridddle.js

A tool that helps your to create better vertical rhythm on your websites.

How to use gridddle

Move or copy the gridddle.js file to your web project.
Insert gridddle.js to your web file. For example, into your index.html.
Open the gridddle.js file and insert your baselineGridHeight.

//This will create a 8px baseline grid
createBaselineGrid(8);

Reload your web page and you will see the baseline grid.
Now you can start to adjust your elements to the baseline grid.

✌️