In our last post on designing with grids, we created an overlay layer in Photoshop that we use while designing so we can visualize the css grid we’ll eventually code while we’re designing. Today I’ve got another flavor of that, but this time we’re in the browser, and checking our
CSS against the grid as we go.
Blueprint comes with a technique for showing the grid in
CSS. Just class your .container element as “.showgrid” and it will use your grid graphic as the background image.