waylon/gatsby-starter-blog-forestry
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #63 from Wowu/km-style-fixes

Browse source 
Fixed text wrapping in author's bio
This commit is contained in:
Kyle Mathews 2017-10-21 23:25:51 -07:00 • committed by GitHub
commit 1a04a61aaf
1 changed files with 11 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/Bio.js
View file

@ -10,8 +10,9 @@ import { rhythm } from '../utils/typography'
class Bio extends React.Component { class Bio extends React.Component {
render() { render() {
return ( return (
<p <div
style={{ style={{
display: 'flex',
marginBottom: rhythm(2.5), marginBottom: rhythm(2.5),
}} }}
> >
@ -19,19 +20,20 @@ class Bio extends React.Component {
src={profilePic} src={profilePic}
alt={`Kyle Mathews`} alt={`Kyle Mathews`}
style={{ style={{
float: 'left', marginRight: rhythm(1 / 2),
marginRight: rhythm(1 / 4),
marginBottom: 0, marginBottom: 0,
width: rhythm(2), width: rhythm(2),
height: rhythm(2), height: rhythm(2),
}} }}
/> />
<p>
Written by <strong>Kyle Mathews</strong> who lives and works in San Written by <strong>Kyle Mathews</strong> who lives and works in San
Francisco building useful things.{' '} Francisco building useful things.{' '}
<a href="https://twitter.com/kylemathews"> <a href="https://twitter.com/kylemathews">
You should follow him on Twitter You should follow him on Twitter
</a> </a>
</p> </p>
</div>
) )
} }
} }