CSS Grid Overlay Checker

CSS Grid overlay checker is a lightweight tool that makes it easy to check the grid alignment of a page across breakpoints.

It can support multiples breakpoints and the usual grid values (gutters, columns, max width, etc).

The tool also supports the following options:

Adjustable gap and tolerance between grid linesEnable/Disable gutter (gutter option turned off on the main panel, the gap and tolerance are still enabled)Enable/Disable margins (the margins option is turned off on the main panel, the gap and tolerance are still enabled)Grid options (maxWidth and gutter options, the maxWidth option is turned off on the main panel, the gutter option is still enabled)Apply/Remove backgroundColors (you can set the background color to one color only.