Grid Spacing Calculator

Enter canvas width, columns, margins, and gutters — the calculator solves the missing value and shows column width, spans, coverage, and related metrics. Work in px or dp, with density conversion built in. Fixed column width mode lets one value absorb the rest of the layout. Pixel-exact checks warn when edges land between device pixels, and baseline rhythm keeps spacing aligned to your step.

Open a visual blueprint with rulers, dimension tags, numbered columns, and a baseline overlay. Pinch to zoom, tap a column to inspect it, and see how the grid fits your canvas.

Save setups you use often, mark favorites, and browse presets for phones, tablets, laptops, and classic web containers. Compare two grids side by side to see differences and column overlap. Export a text summary, CSS grid rules, or Android dimension values when you are ready to use the numbers in a project.

Built for UI designers, frontend developers, and anyone who needs clean, repeatable grid math — from compact phone layouts to wide desktop systems.