CSS Grid
Calculate CSS Grid instantly with the exact formula and a worked example. Free online calculator — no signup, works on mobile.
CSS Grid
Columns
Container, px
Gap, px
Column width
85.3333px
More about: CSS Grid
What it calculates
The “CSS Grid” calculator computes Column width in px from 3 parameters: columns, container, px, gap, px.
Standard IT calculations for developers and sysadmins.
Example calculation
With parameters Columns = 12, Container, px = 1,200, Gap, px = 16 the result is 85.33 px.
How to use
- Enter the parameter values — every field above is adjustable with a slider.
- The result and related metrics are calculated automatically as you type.
- Use the additional metrics shown (if any) where needed.
- Copy the result or bookmark the page.