67 votesChristopher Sample, Studio LXV supported this idea ·Christopher Sample, Studio LXV commented
1. Set art board width to desired layout grid width, mine is 1280px a great max width for modern screens, giving me a gutter 16px, I prefer numbers divisible by 8.
2. Make layout left and right margin 0 - (This sets columns full width)
3. Add lets say 400px (A) to total art board width now 1680px, then set left and right margins to 200px. (A / 2) to give your layout grid the perceived appearance its a website with max-width:1280px with 200px left over on the left and right margin of the viewport.