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

Design Web Typography Final Project: Create a Typographic Site Getting Started: HTML and CSS

Mario Janusic
Mario Janusic
2,929 Points
Posted by Mario Janusic
Mario Janusic
2,929 Points

Landing paragraphs on the baseline grid

Can you please explain how did you calculate em values for the margin in H2 and H3 elements when you tried to land them on baseline grid?

1 Answer

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

You can use Chrome Dev Tools to take away some of the maths for you.

So you can use the tools to inspect the elements which will give you a diagram of the element size and width in the box model. You can then experiment with the different values until you get the effect you want.

Keep in mind though you will lose the changes you make once you refresh the browser so keep a copy of the CSS code you make so you can put it in your CSS file. :)

Check put the type-scale website for refining the actual font sizes. As you can see the website does working out for you and shows it.