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

Fix text wrapping in the bio

Browse source
This commit is contained in:
Karol Musur 2017-10-21 22:24:54 +02:00
parent 9775930b10
commit e3beeb974d
1 changed files with 11 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

20
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),
}} }}
/> />
Written by <strong>Kyle Mathews</strong> who lives and works in San <p>
Francisco building useful things.{' '} Written by <strong>Kyle Mathews</strong> who lives and works in San
<a href="https://twitter.com/kylemathews"> Francisco building useful things.{' '}
You should follow him on Twitter <a href="https://twitter.com/kylemathews">
</a> You should follow him on Twitter
</p> </a>
</p>
</div>
) )
} }
} }