In today's class on the first slide (well the one after the cover slide) there's the following example:
So I am trying to implement a part of this on my project website and I chose to set my main content to 540 and sub-content to 360 using the grid. Does that mean that I need margins of 10px on either sides of the div giving me 10 + 540 +10 +10 + 360 + 10 which is 940 leaving me with 20px that I need to add somwhere - but where?Example of a 12 column grid based on a 960px wide page with 20px gutters and 10px margins.
So my question is what's the difference between margins and gutters?
Thanks in advance.!