consonance/docs/components/Header.jsx

Fix your typographic scale

const React = require('react');

const Header = React.createClass({
  render() {
    return (
      <header className='py3 px2'>
        <div className='sm-flex flex-center'>
          <div className='flex-auto py3'>
            <h1 className='m0'>{this.props.title}
              <span className='ml1 muted h6'>{this.props.version}</span>
            </h1>
            <p className='h3 m0'>{this.props.description}</p>
          </div>
        </div>
      </header>
    )
  }
})

module.exports = Header;