Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Ralf Koller
4,506 PointsWhat line-height do you use for headlines with the compass vertical rhythm module?
One thing i constantly felt uncomfortable with was the line-height for headlines in the compass vertical rhythm module.
e.g. for a base font size of 20px (1em) and a line height of 28px (1.4em) calculated with the $fifth scale, using the second value on the positive scale for h1 (29.33333px), it results into :
font-size: 1.46667em; line-height: 1.90909em;
for h1. thats visually way too much line-height especially when the headline is too long and breaks into a second line.
one approach i've found (http://blog.8thlight.com/chris-peak/2012/12/30/vertical-rhythm.html ) suggests the base line height (1.4em) over the target font size of h1 (1.46667 em) which leads to a line-height of 0.95454em instead of 1.90909em. Quite a difference - looks well on breaking lines.
That is one approach but how do you handle those headline line-height matters? similar or completely different? Best regards Ralf