5.0-rc-1 grid adding up to twelfths breaking

[sammdec]

I might very well be doing something obviously wrong but using 5.0-rc-1. But i have a grid container and within 2 divs one with a class of class="grid__item three-twelfths" and another with class="grid__item nine-twelfths" but for some reason the 2 divs don't sit next to each other they are in fact breaking one on top of the other.

[jahvi]

What if you use .one-quarter and .three-quarters instead?

[csswizardry]

I failed to note this in inuit.css’ docs (it is in the csswizardry-grids docs), but have you commented out the whitespace between the grid items in your markup?

    <div class="grid__item  nine-twelfths">
    </div><!--

 --><div class="grid__item  three-twelfths">
    </div>

Feels a bit weird, granted, but it’s the least hacky way to solve this issue.

[sammdec]

Ah no I hadn't seen that. Thanks for getting back so quickly, glad its a chrome bug not something I had got wrong.

[csswizardry]

I will be sure to make this more clear in inuit.css :)