Putting 2 blocks of 8 units in a 16 units region

If you place two blocks in the same region they automatically resize so they both fit side-by-side so forcing the width of them is a step you shouldn't need to make. Give that a try by adding those blocks in the same region and removing the widths from them so they automatically resize.

I'm having the same trouble with the starter theme. In a node template's content area I'm specifying two grid columns (grid16-10, grid16-6) and they don't fit in the space. I think this is due to #content-inner-inner having margins set, which is making the content area 940px wide. The result is it's impossible to use the full grid width when laying out blocks in the content area. I'd be interested to hear the reasoning behind this, or find a solution.

bkno,

We add the left and right margins to the content-inner-inner region because the content region gets a lot of elements that are not blocks (e.g., picture, title, author, links, etc.), and therefore don't otherwise get the margins (which create the grid gutters) that blocks get.

If you'd like, you can target .content-inner-inner to remove the left and right margins when there are no sidebars with the following css in your local.css file:

When you do that, the two 8-unit wide blocks should fit correctly. Though you'll need to add margins back to any node (non-block) content you choose to display in the content area in order to keep it grid-aligned.

Thanks Chris, that sounds like a good reason. I like your solution of targeting .content-inner-inner using a specific body class. It's a good way of allowing full grid width usage on a particular node type, without it disrupting regular article pages.

Liking Fusion so far!