Some things seem so obvious, however, it is quite clear that Zen 7.x-5.x is quite complex and those mixins need much more explanations so they can be adopted and used to full extent of the philosophy that lies in its foundation.
After this praise, lets get down to question: I have layout like that one in PNG. Somehow,
zen-grid-item is making "absolute" positioning, and while many blocks (black) can be positioned inside regions (red) by that positioning, I was look for a solution to set width for six bottom blocks (
.view-row class) by using SASS/Compass/Zen solution but couldn't make it the way it should be.
I thought I should use
zen-grid-flow-item (1,6) but that didn't calculate well as it didn't divide and fit in six blocks.
I tried this but didn't work, can anyone help with this?
@include zen-nested-container(); // thought was needed for full width, but didn't do as expected
@include zen-clear (both); // wanted to clear for next block but that also didn't happen
@include zen-float (); // float was needed as it was not included by default (strange?)
@include zen-grid-flow-item (1,6); // This is essence, width should be 1/6 but I get percentage for width and strange right padding AND margin?