Alignment of quarters

[TobyHowarth]

I have a grid based in the footer of a site using quarters.

White space has been removed but for some reason the first item sits above the last 3. I am not sure what I am doing wrong but here is the markup (I might be missing something blindingly obvious)

http://cl.ly/image/1V0n0v1i2R3w

[BPScott]

Looks like you've still got some whitespace between your .grid__items... --> <div class="grid__item... should be --><div class="grid__item....

I'd also remove the whitespace between the opening .grid and the first .grid__item, and the final .grid__item and the closing </div> of the .grid to be sure.

Dumping this into a jsfiddle or similar would make debugging a little easier than a screenshot :)

[TobyHowarth]

Thanks chap I will chuck it into a fiddle

[tomireland]

Toby, without seeing what the output is looking like I can't be sure, but I think you may have an extra dash in your width classes on your divs. Check _widths.scss in the generic folder to double check. I tried with 2 dashes and didn't get the result expected. My jsfiddle http://jsfiddle.net/tom_ireland/udbt3/1/embedded/result/

Let me know if you can't see it or if this actually helped at all. Just tried jsfiddle for first time tonight. :)

[TobyHowarth]

Thanks Tom, I am using the single file grids and it states to use double dashes as per my html.

The single dash just turned it into a list. it is very weird, also your fiddle is based on the inuit version which seems to be different....

[TobyHowarth]

Weirder still is that this very very rough jsfiddlle http://jsfiddle.net/WVsm5/ shows that it should work but on the server it still doesnt.

Might be one for the morning...

[HellPat]

Could you provide a link to the (not working) example?

[TobyHowarth]

The work is unfortunately NDA so will try and create a mockup example