Irregular Grid Appearance

[ivanruizknott]

The placing of the horizontal lines in the content grid (http://alps.adventist.io/public/?p=organisms-grid-3up-content) makes the grid appear to be an irregular grid, when it is in fact a very neat, regular, well-aligned grid:

Would it perhaps make sense to tweak that so that all the lines aligned in a line?

Or, as Martin would put it, would it make sense to convert .with-divider to add a border-top to the container and a border-bottom to individual .gi .pad elements? This would remove the need for <hr> tags. A second class could be added to do equal height columns by putting the bottom-border on .gi.

Then it could look like the following example where all the content was luckily the same length.

[designerbrent]

If we are going to have an irregular grid, I think the images should flow along with the text. Currently it is leaving gaps.

Would it be possible to have perhaps the following classed options?

• Regular Grid
• Irregular Grid
• Dividers (This would apply the lines between the grids.)

Is there a reason you used HR's for the horizontal lines instead of borders, @tpitre?

[tpitre]

@designerbrent I can update them to use styles borders if you prefer that. I typically use <hr>'s to divide chunks of content, but it's more of a styling preference. They also help with spacing since they can be styled.

I'll update the grid styles to include an option for a uniform grid.

[designerbrent]

I never thought about the HR but that does make a bit of sense as a divider, @tpitre, it's just different then I have used it before. Semantically it makes sense, though.

Having a uniform grid option will be helpful.

[designerbrent]

This option is now in place in ALPS. I haven't yet had time to update the documentation so currently, there is no place it's mentioned.

[tpitre]

@designerbrent There's a small description in the code here, if that helps.

[designerbrent]

That's great, @tpitre. I just need to get that into the grid page.