: Based on sdleihssirhc's description, without outside gutters: columnWidth = (layoutWidth + gutter)/columns - gutter With outside gutters: columnWidth = (layoutWidth - gutter)/columns - gutter Though

@Sims2060225

Based on sdleihssirhc's description, without outside gutters:

columnWidth = (layoutWidth + gutter)/columns - gutter


With outside gutters:

columnWidth = (layoutWidth - gutter)/columns - gutter


Though if you're going with your own grid design, it's easier to just add it up, e.g.:

columns = 3
columnWidth = 280px
gutter = 50px
gutters = 2
layoutWidth = 3*280px + 2*50px
= 840px + 100px
= 940px


Alternatively, just build from columns without gutters and then subtract out your gutters:

layoutWidth = 960px
columns = 3
_columnWidth = 320px
gutters = 30px
columnWidth = 320px - 30px*(4/3)
= 320px - 40px
= 280px


This way you don't get weird numbers like 293.33333333px.

Vote Up Vote Down

Login to post a comment!