matejlatin / Gutenberg

A meaningful web typography starter kit.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Why is double grid needed?

imyujie opened this issue · comments

commented

Just came across this interesting project and tried https://matejlatin.github.io/Gutenberg/.

I was wondering why we need double grid here. And I saw there's a lot of margins set to be 1.5 leadings or 0.5 leading. Why not just use integer number of leadings to ensure all the elements are aligned with the 1 leading grid?

A quick idea: is it possible to set dynamic margins? Let's say if an element's line height is set to 1.5 leadings with 1 leading bottom margin, and it gets 3 lines at total. For this case, we can make bottom margin as 1.5 leadings then the total height of this module (including element height and bottom margin) can be 6 leadings which won't break the 1 leading grid rules.

@imyujie it's just something that helps with flexibility when it comes to layout. Headings for example usually need a smaller line-height and using the .5 grid allows that, and they don't break the grid. You could disable the double grid and stick to whole leading units only.