I’m currently using Blueprint CSS and trying to learn more about typography. I don’t fully understand the matters of grids and baselines in typography.
Does anyone have a good knowledge of these matter and how to effectively control these factors with a CSS grid tool?
Example: I’m creating a 51col grid in Blueprint CSS but I don’t know what the baseline should be for the typography.
Clicking the links top right on this page will show the grid that Baseline CSS uses.
I don’t find this an issue most of the time - only if you’re making extensive use of multi-column layout like a newspaper.
What the page above demonstrates is that it’s possible to layout text of different sizes with different headings and still have the line’s in multiple columns line up if you enforce certain font-sizes, line-heights, margins and padding.