React: [website] overlapping headers on H1s

[KyleAMathews]

/cc @joecritch

[KyleAMathews]

This was from http://reactjs.netlify.com/blog/2016/08/05/relay-state-of-the-state.html

It could just be that h1s weren't meant to be used in the body of posts in which case it's the markdown here that should be fixed.

[gaearon]

I think @trueadm saw something similar in "optimising performance"

[acdlite]

A bit tangential, but I kinda feel like the line-height is too large across the board. Inspecting the body text, the font-size is 18px and the line-height is 35px, or ~2x. I feel somewhere in the range of ~1.5x is typically better. Not enough fits on the screen as-is, IMO.

[joecritch]

Thank you, fixed in #10911 👍 FYI, the Relay article uses multiple <h1> elements. We should stick to only one of those per page, for aesthetics & accessibility.

[joecritch]

@acdlite Thanks for the suggestion! I've changed this to 1.7. 1.5 felt too tight in this case, due to the line width. See what you think 👍

[KyleAMathews]

Thanks @joecritch!