Where is the Vertical Rhythm?
Closed this issue · 1 comments
mibocs commented
Hi
Where is the Vertical Rhythm? The line-height what is responsible for the vertical rhythm is totaly non consistent.
If the base font size is 18px and the base line-height is 29,7px then the line-height should be the multiple of the base line-height for every text size.
For example:
Take a look at this image: http://screencast.com/t/ZHLTJC5yKt4o
The font-size is 24px that means the line-height should be 29,7 px here not 39,6px.
Other example: if H1 is 60 px then line-height should be 89,1 px(3x29,7 px).
And sum of the margin-top and margin-bottom should be equal with 29,7px or multiple of 29,7px.
Here is a great article about vertical rhythm: http://24ways.org/2006/compose-to-a-vertical-rhythm/
grayghostvisuals commented
Thanks for the tip.