Whostespeeply
New Member
I am trying to make a fluid grid which at its maximum width has these values:http://gridcalculator.dk/#/1224/12/40/56When the browser is resized below 1264px (to allow for 20px padding on the body), everything (margins, gutters and columns) should scale down proportionally. Is this possible?I have tried these approaches:First try:\[code\]$total-columns : 12;$column-width : 56px;$gutter-width : 40px;$grid-padding : 56px;\[/code\]This doesn't work because the padding is fixed at 56px and doesn't scale down.Second try:\[code\]$total-columns : 12;$column-width : 4.575163%;$gutter-width : 3.267973%;$grid-padding : 4.575163%;$container-width: 1224px;\[/code\]This almost works but the grid padding is greater than the column width for some reason...What am I missing? Thanks!