Back
CSS Grid Calculator
Calculate grid layouts with column widths and gutters
Column Width78.00px
Total Gutter Width264px
Total Content Width936.00px
.container {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 24px;
max-width: 1200px;
}1
2
3
4
5
6
7
8
9
10
11
12
1 column78.00px
2 columns180.00px
3 columns282.00px
4 columns384.00px
6 columns588.00px
